914466480
wangEditor5 محرر, مجاني مفتوح المصدر (على أساس اتفاقية مفتوحة المصدر MIT), المؤلف الأصلي المعلم سوغ ويه, موقع المؤلف الرسمي:https//www.wangeditor.com/ ، دعم التطوير الثانوي ، يمكن للجميع استخدامها على ثقة!
ويقوم المؤلف الأصلي بتحديث محرر wangEditor5 باستمرار ، لذلك يمكننا أيضًا ترقية المكونات الإضافية لدينا مع تحديث المؤلف الأصلي.
بفضل أن wangEditor5 لديه وثائق تطوير كاملة ، تمكنا من إنشاؤه كمكون إضافي لـ Z-blog PHP.
في بعض الأحيان كنا نريد أن نبحث عن شيء مشابه.الحسابات العامةمحرر النص الغني الحديثة سهلة الاستخدام، والآن هو قادم!
ملاحظة: لا يمكن استخدامها مع المكونات الإضافية المحررة الأخرى في نفس الوقت، باستخدام هذا المكون الإضافي يرجى إغلاق المكونات الإضافية المحررة الأخرى في وقت مبكر (مثل محرر UEditor الخاص Z-blog PHP)!
wangEditor5 محرر الافتراضي لا يدعم استخدامها على الهاتف المحمول، في الواقع بغض النظر عن أي مكونات المحرر، تجربة المستخدم على الهاتف المحمول سيئة جدا، لذلك wangEditor5 محرر رسميا ببساطة قطع هذه الميزة.
بالطبع هذه الميزة يمكن أيضا فتح، تحتاج فقط إلى تخصيص شريط الأدوات التي تظهر على الهاتف المحمول، لتحسين تجربة المستخدم لا، يمكن للمستخدمين في حاجة إلى العثور علينا لتخصيص!
وفيما يلي وصف للمحرر على موقع WangEditor الرسمي
#الميزة
# مشاكل أخرى في محرر النص الغني
البحث على شبكة الإنترنت "Web rich text editor" ستحصل على الكثير من النتائج ، مثل UEditor kindEditor في الداخل ، CKEditor TinyMCE Quill ProseMirror Draft Slate في الخارج وغيرها.وهناك أيضا الكثير من الناس الذين يستخدمون هذه المحررات، أو للقيام بتطوير ثانوي.
ومع ذلك ، هناك العديد من المشاكل التالية (ضرب السبورة ~) ، والتي يمكن أن تؤثر بشكل كبير على كفاءة التطوير وتكلفة التطوير واستقرار المنتج.
#التكنولوجيا القديمة
مثل UEditor KindEditor ، لا يزال يستخدم API document.execCommand.وهذا سيؤثر بشكل كبير على استقرار المنتج والتوسع.
في ذلك الوقت ، لا يمكن تحقيق أي شيء ، وهناك مشاكل في كل مكان ، وسوف يحتقر رئيس الوزراء: "كيف يمكن للآخرين أن يفعلوا ذلك xxx؟"
# الصينية غير ودية
مثل CKEditor TinyMCE Quill ProseMirror وغيرها ، لا توجد وثائق صينية رسمية.هذا سيؤثر بشكل كبير على كفاءة التطوير الخاص بك (العمل الإضافي الليلة ~)
PS: الإنجليزية خاصة، يرجى تخطي.
#يتطلب تطويرًا ثانويًا كبيرًا
مثل ProseMirror Draft Slate ، على الرغم من أنها أيضًا محرر نص غني ، إلا أنها مجرد نواة أو وحدة تحكم وليست ميزة كاملة.
كمية كبيرة من التطوير الثانوي ، لن يؤدي فقط إلى زيادة كبيرة في تكاليف البحث والتطوير (إغلاق هذا الشهر ~) ، ولكن قد تظهر أيضًا أخطاء لا نهاية لها بسبب عدم الكمال في الاختبار ، والوقوع في المستنقع.
PS: إلا إذا كان لديك حاجة قوية للتطوير المخصص.
# القيود الإطارية
مثل Slate و Draft ، تعتمد على إطار React.إذا كنت ترغب في استخدام Vue ، فإن عبء العمل والصعوبة كبيرة للغاية.
# لا توجد مكونات رسمية مثل React Vue
بعض المكونات غير المعتمدة على الإطار ، مثل ProseMirror ، تحتاج إلى تغليف المكونات الخاصة بك إذا كنت تستخدم Vue React.
المنتجات الجديدة ليست مستقرة بعد
المحررات المذكورة أعلاه هي منتجات ناضجة نسبيا، وعدد كبير من المستخدمين.قد تجد أيضًا منتجات أخرى ، مثل المنتجات المطورة حديثًا والتي لا يكتسب الكثير من المستخدمين.
على أي حال ، من فضلك اختر بحذر ، لأن محرر النص الغني لديه الكثير من الحفرة ، ويتطلب الكثير من الاختبار والاستخدام قبل أن يكون مستقرًا ببطء.
اختيار المنتجات المستقرة، يمكن الرجوع إليها
github stars
عدد التنزيلات npm
وقت ووتيرة إصدار npm
عدد النتائج ذات الصلة من محركات البحث
هل يوجد مصنع كبير؟
اختبار الوحدة / اختبار e2e
مزايا #wangEditor
تكمن قيمة المنتج في حل مشاكل المستخدمين ، وتحسين الكفاءة ، وخفض التكاليف ، وزيادة الاستقرار والقدرة على التوسع.
wangEditor ليس من أجل القيام بذلك، وليس مجرد تقليد من، ولكن بعد تحليل المشكلة المذكورة أعلاه، وإعطاء حل نظام.تهدف إلى حل مشاكل المستخدمين حقًا ، وإنتاج قيمة خاصة بهم.
#استخدام التقنيات الرئيسية
wangEditor يبدأ من الإصدار V5 مع تحديثات تقنية كبيرة.
#1.الترقية إلى قدرة L1
تم التخلص من واجهة برمجة تطبيقات document.execCommand ، واستخدام slate.jsopen في window new (ولكن لا يعتمد على React) كواة ، والترقية إلى قدرات L1.
هذا هو أيضًا الخيار التقني المستخدم حاليًا في محرر النص الغني الرئيسي ، مثل Quill ProseMirror Draft الشهير.
#2.استخدام vdom
استخدم تقنية vdom (بناءً على "vdom.jsopen" في window new) لإجراء تحديثات عرض ، فصل النموذج والعرض ، وزيادة الاستقرار.
#3.قابلية التوسع
استخدام آليات المكونات الإضافية والوحدات الموسعة لضمان التوسع.وسيتم توسيع المزيد من الوظائف في المستقبل.
في الواقع، الآن wangEditor المدمج في جميع الوظائف، هي أيضا بنيت من خلال المكونات الإضافية والوحدات الموسعة في شكل.
# الوثائق الصينية
WangEditor لديه وثائق مفصلة باللغة الصينية، وبيئة التواصل باللغة الصينية.وفتح في نافذة جديدة هو المبرمج المحلي.
# ردود الفعل في الوقت المناسب والاتصال
يمكنك أيضًا إرسال مشكلات إلى github ، وسيتم تقديم ردود الفعل أو قبولها في الوقت المناسب.
دمج جميع الوظائف دون الحاجة إلى تطوير ثانوي
يتضمن wangEditor جميع وظائف التعامل مع النص الغني الشائعة ، وهو قادر على تلبية معظم احتياجات الاستخدام.يمكن تكوينها مباشرة للاستخدام ، دون الحاجة إلى تطوير ثانوي.
//wangEditor مدمجة 50+ قائمة editor.getAllMenuKeys()[
"bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
"color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
"viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
"indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
"bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
"deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]
PS: في الوقت نفسه، wangEditor لديه واجهة برمجة التطبيقات الغنية والتوسع الكافي للسماح لك بتخصيص قوائم التطوير والوحدات والإضافات وما إلى ذلك.
تطبيق Vue React
تم تطوير wangEditor على نواة slate ولكنه لا يعتمد على React ، لذلك هو في حد ذاته غير يعتمد على الإطار.
بالإضافة إلى ذلك ، قمنا بتغليف مكونات Vue React رسميًا ، مما يسهل استخدامها مع إطار عمل مثل Vue React.
وسوف نستمر في دعم الأطر الأخرى، ويمكنكم أيضا تقديم القضية.
لقد دوس على 5000 حفرة
wangEditor مفتوحة المصدر لسنوات عديدة، والكثير من المستخدمين واستعراضات، وحل العديد من المشاكلopen in new window.خلال اختبار الإصدار V5 ، تم تكرار اختبار هذه المسائل أيضًا لضمان أقصى قدر من الاستقرار.
# العمل الفريقي، والترقية التكرارية المستمرة
wangEditor لم يعد مؤلفا وحيدا، لدينا فريق متعدد الأفراد معا لإصلاح الأخطاء، وترقية الميزات، وتتبع الأسئلة، والرد على أسئلة المجتمع.
إضافة الأصدقاء