simple image

أداة صورة بسيطة

يوفر كتل الصور للمحرر.

يعمل فقط مع عناوين URL الخاصة بالصورة ولا يتطلب أي تحميل من جانب الخادم.

تثبيت

احصل على الحزمة

yarn add @editorjs/simple-image

قم بتضمين الوحدة النمطية في التطبيق الخاص بك

 import SimpleImage from "@editorjs/simple-image" ;

اختياريا ، يمكنك تحميل هذه الأداة من CDN JSDelivr CDN

الاستخدام

أضف أداة جديدة إلى خاصية tools of the Editor.js الأولي.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

تكوين المعلمات

لا تحتوي هذه الأداة على معاملات التكوين

إعدادات الأداة

1. أضف الحدود

2. تمتد إلى العرض الكامل

3. أضف الخلفية

بيانات الإخراج

مجال	يكتب	وصف
عنوان URL	string	عنوان URL للصور
التسمية التوضيحية	string	تعليق الصورة
مع الحدود	boolean	أضف الحدود إلى الصورة
خلاف	boolean	تحتاج إلى إضافة خلفية
امتدت	boolean	تمدد الصورة لعرض الشاشة

{
  "type" : " image " ,
  "data" : {
    "url" : " https://www.tesla.com/tesla_theme/assets/img/_vehicle_redesign/roadster_and_semi/roadster/hero.jpg " ,
    "caption" : " Roadster // tesla.com " ,
    "withBorder" : false ,
    "withBackground" : false ,
    "stretched" : true
  }
}