المكوّن الإضافي للتحميل التلقائي للصور المحلية Bat CKEditor v1.0

تم تطوير هذا البرنامج الإضافي باستخدام تقنية JAVA ويجب استخدامه مع JavaScript، ويمكنه تحميل الصور المحلية تلقائيًا (src هو 'file:///') الموجودة في صفحة الويب إلى الخادم وتعديل سمة src الخاصة بـ img. وضع علامة على عنوان الصورة الجديدة. تتضمن سيناريوهات التطبيق النموذجية ما يلي: استخدامه مع ckEditor لتحميل الصور المحلية الموجودة في المحتوى الملصق من WORD إلى الخادم تلقائيًا.

البيئة التابعة: JDK1.7+، jQuery، ckEditor4.2، بدون حدود للمتصفح

تعليمات عامة للاستخدام

واجهة برمجة تطبيقات جافا سكريبت:

عطوف

WordImageUploader(s_url، app_name)

s_url: عنوان صفحة الخادم لتحميل الصور، وهي صفحة ديناميكية، مثل servlet وPHP وما إلى ذلك؛

app_name: اسم التطبيق الحالي

قبل استخدام هذا البرنامج الإضافي، يجب عليك أولاً إنشاء كائن من هذه الفئة ومن الأفضل أن يكون لديك كائن واحد فقط من هذه الفئة في الصفحة

var uploader = new WordImageUploader(sUrl,appName);

أساليب هذه الفئة هي

تحميلWordImagesFromCKEditor(editorInstance, pre_id)

تُستخدم هذه الطريقة لتحميل جميع الصور المحلية في النص الملصق من WORD في CKEditor تلقائيًا إلى الخادم. معنى المعلمات هو كما يلي

EditorInstance: مثيل CKEditor؛

pre_id: بادئة الاسم بعد تحميل الصورة إلى الخادم لتسهيل التنظيف المستقبلي وأعمال الصيانة الأخرى، إذا لم تكن هناك حاجة إليها، فاضبطها على '';

تحميلLocalFile(localUrl، الاسم)

تُستخدم هذه الطريقة لتحميل صورة محلية واحدة إلى الخادم. معنى المعلمات هو كما يلي:

localUrl: عنوان URL المحلي للصورة، بشكل عام في النموذج: file:///xxx

الاسم: اسم الصورة

خطوات الاستخدام

1. تقديم مكتبة فئة jQuery؛

2. أدخل wordimage_uploader.js في المجلد js؛

3. إنشاء كائن WordImageUploader؛

4. قم باستدعاء الأسلوب uploadWordImagesFromCKEditor عندما يتغير محتوى ckEditor.

بعد تثبيت البرنامج الإضافي، يجب أن يتم عرض "محطة المراقبة: مرحبًا بك في استخدام البرنامج الإضافي للتحميل التلقائي للصور المحلية" في ملف الحالة الخاص بصفحة الويب.

يدعم هذا البرنامج الإضافي جميع تقنيات مواقع الويب الديناميكية. التقنية المستخدمة في DEMO هي jsp. الصفحة الديناميكية التي تقبل الملفات التي تم تحميلها على جانب الخادم هيServelt: WordImageUploader.java وقد تم تقديم هذا الملف في DEMO. يرجى الرجوع إلى هذا الملف لتنفيذه بنفسك.

للحصول على تفاصيل الاستخدام الأخرى، يرجى الرجوع إلى كود المصدر التجريبي.