summernote
1.0.0
الرأي الشخصي: يتم استخدامه بشكل أساسي للتحرير في الخلفية، تمامًا كما هو الحال عندما تكتب مقالًا على حساب عام، ويتم كتابته أيضًا استنادًا إلى محرر النص المنسق.
(2.1) يدعم Summernote إطار عمل الواجهة الأمامية لـ bootstrap: http://www.bootcss.com/. أصبح Bootstrap شائع الاستخدام الآن، وأهم ما يميزه هو التصميم سريع الاستجابة، ويتم إعطاء الأولوية للهواتف المحمولة (الأجهزة المحمولة). إنه مناسب جدًا للتصفح من قبل مستخدمي الهواتف المحمولة الضخمة في الوقت الحاضر. لذا فإن Summernote مناسب أيضًا لتحرير النصوص على الهواتف المحمولة.
(2.2) يحتوي bootstrap أيضًا على محرر نص منسق خاص به: bootstrap-wysiwyg، ولكن لماذا لا تستخدمه؟ والسبب هو أن Summernote يمكنه إدراج مقاطع فيديو. لكن العديد من برامج تحرير النصوص الغنية الأخرى يمكنها أيضًا إدراج مقاطع فيديو؟ أنا أتحدث عن مقاطع الفيديو المحلية. يمكن لمعظم برامج تحرير النصوص الأجنبية الأخرى إدراج مقاطع فيديو YouTube فقط، ولكن برنامج Summernote رائع يمكنه إدراج مقاطع فيديو Tencent ومقاطع فيديو Youku، لذلك يوصى به بشدة للمحررين الذين يحتاجون إلى إدراج مقاطع فيديو عند تحرير النص. com.summernote.
(2.3) يعد Summernote بسيطًا جدًا حقًا، ولكن وظائفه كاملة جدًا. يمكنك أيضًا تخصيص شريط الأدوات، والرموز التعبيرية ليست استثناءً. ومع ذلك، نظرًا لأن معظم المقالات حول إدراج الرموز التعبيرية في Summernote تُستخدم لتحميل الرموز التعبيرية محليًا، يمكنك ذلك راجع: https://github.com/summernote/awesome-summernote وhttps://github.com/nilobarp/summernote-ext-emoji، لكن تحميل الرموز التعبيرية محليًا قد يتعارض مع حذف الصور، لذلك لم أقم بإضافة وظيفة الرموز التعبيرية، وهناك طريقة أخرى وهي الحصول على الرابط إلى خادم api.github.emoji من خلال ajax، ثم إضافته من خلال الرابط، ولكن هذا هو. جون حقًا لا يعرف كيفية استخدامه.
(2.4) يمكن لـ Summernote الحصول مباشرة على قيمة مربع النص من خلال Summernote('code')، وهو الكود الأساسي لـ html، ويمكن تحميله مباشرة إلى قاعدة البيانات أو إرساله إلى الخلفية.
(3.1) نظرًا لأن الوظيفة التي تأتي مع Summernote ستقوم فقط بتحويل الصورة إلى تنسيق base64 وحفظها، سيكون حفظها في قاعدة البيانات أمرًا شاقًا للغاية، وستكلف الصورة العشوائية عدة ميغابايت، وهو مبلغ كبير للغاية، لذلك أعدت كتابتها سيكون من الأفضل حفظها على الخادم ثم تحميل عنوان الصورة على الخادم إلى قاعدة البيانات.
(3.2) لقد رأيت في العديد من المدونات الأخرى أن الصور التي تم تحميلها بواسطة Summernote تمت إعادة كتابتها وحفظها على الخادم، ولكن من المؤسف أنهم قاموا فقط بلصق الكود ونسيانه، علاوة على ذلك، يتم حفظها بشكل أساسي فقط ولا يتم حذفها أعتقد أنه سيكون من المؤسف أن يتم إدراج الصورة بشكل غير صحيح ولكن لا يمكن حذفها، لذلك أخطط لكتابة نسخة صيفية تسمح لك بتحميل الصور وحذفها. في الواقع، الفكرة هي نفس مقالتي الأخيرة، فقط انتبه لبعض الأماكن: يتفاعل $.ajax() الخاص بـ jQuery مع خلفية php، ويستخدم MutationObserver لحذف الصور
(3.3) يجب ألا يواجه أي شخص يعرف كيفية استخدام ajax أي مشكلة، لذا فإن إعادة كتابة onImageUpload تستخدم أيضًا ajax() الخاص بـ jQuery للتفاعل مع الخلفية نظرًا لأن ajax() يدعم أيضًا نوع الملف، يتم استخدام نوع FormData للتفاعل.
(3.4) إذا كان بإمكانك إعادة كتابتها، فلا توجد مشكلة، ولن أقوم بإعادة كتابتها من أجل الراحة فقط. لقد كتبت الواجهة الخلفية بلغة PHP، لكن الأنواع الأخرى من الواجهات الخلفية سهلة الكتابة نسبيًا، مع حوالي 10 أسطر من التعليمات البرمجية.
(4.1) قد يؤدي إدخال صورة كبيرة نسبيًا إلى حدوث خطأ، السبب يكمن في ملف php.ini، السبب الأول هو أن حجم الصورة يتجاوز النطاق المسموح به، ويمكن حل هذه المشكلة عن طريق تعديل max_execution_time أو post_max_size أو upload_max_filesize. من php.ini يمكن حلها، لن أقول الكثير، وأشير إلى تجارب الآخرين: http://blog.csdn.net/anan890624/article/details/51859863.
(4.2) السبب الثاني موجود أيضًا في ملف php.ini، ولكنه ليس حدًا للحجم، ولكن لا يمكن العثور على ملف التخزين المؤقت للملف في ملف upload_tmp_dir الخاص بـ php.ini يحتاج إلى تعديل، وهنا ما قمت به من تعديلات على هذا الأساس.
(4.3) بعد تعديل php.ini، يجب عليك إعادة تشغيل الخادم، وإلا ستحدث أخطاء حتى لو قمت بتعديله.
