سأستمر في كتابة صفحة ويب bootstrap كما قلت من قبل ... وبعد ذلك سأستخدم محرر نصية غني ، فقط ابحث عنها وحددها
بعد ذلك ، وجدت مشكلة محرجة للغاية ... وظيفة تحميل الصورة غير صالحة ... ثم عمليات البحث المختلفة غير مثمرة ... أخيرًا ، قمت بالقيام بتوصيل المستند الرسمي Summernote وحلها أخيرًا. باختصار ، كتبت عملية الحل.
الجزء الخلفي لا يوفر الرمز ، فهو مليء بالأشخاص. هنا ، على افتراض أن الواجهة الخلفية تحصل على الملف الذي تم تحميله وإرجاع عنوان الملف.
أولاً ، يرجى إرفاق المواد المرجعية: وثيقة التطوير الرسمية Summernote
تحدث بإيجاز عن خطة تنفيذ وظيفة تحميل صورة Summernote
أولاً ، وفقًا لمواجهة برمجة التطبيقات التي توفرها المستند الرسمي ، قم بإرفاق حدث تحميل الملف ، ثم استخدم JS لإعادة تحميل الملف ، وأخيراً استخدم واجهة برمجة التطبيقات لإدراج الصورة في مربع التحرير.
لقد كان سؤالًا بسيطًا للغاية ، لكن للأسف لم يكن المسؤول يعرف سبب كتابة الواجهة ... ثم تم غش جميع المعلومات التي بحثت عنها عبر الإنترنت ... على الرغم من أن هناك أسبابًا لعدم البحث بعمق بدرجة كافية
باختصار ، يتم فرز واجهات برمجة تطبيقات Summernote الأساسية ، وتولي أحداث تحميل الملف وإدخال الصور ، والتنسيق كما يلي وفقًا للوثائق الرسمية.
// الاستيلاء على حدث تحميل الصورة $ ('#summernote'). summernote ({backbacks: {onimageupload: function (files) {// refload the server إلى الخادم وأدخل الصورة إلى مربع التحرير}}}) ؛ وثيقة وثيقة API موقع ويب أعلاهثم يمكنك بسهولة تنفيذ مربع تحرير Summernote الذي يدعم تحميل الصور
الرمز كما يلي:
$ ('#summernote'). summernote ({backbacks: {onimageUpload: function (files) {// قم بتحميل الصورة على الخادم ، باستخدام كائن formdata. أما بالنسبة للتوافق ... يقال أنه ليس من الصدفة للغاية للإنفاذ المنخفض ie varata = new formdata () ؛ "تحميل" ، // خلفية تحميل واجهة واجهة: 'post' ، البيانات: formdata ، processData: false ، contentType: false ، النجاح (البيانات) {$ ('#summernote').أخيرًا ، هذا ينفذ فقط أبسط وظيفة تحميل الصور ، والتي لها توافق ضعيف ولا تنظر في مطالبات استثناء الخطأ على الإطلاق ... يرجى تعديلها بنفسك حسب الحاجة
الطريقة البسيطة لتنفيذ وظيفة تحميل الصورة في Summernote هي المحتوى بالكامل المشترك من قبل المحرر. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.