simple image

Простой инструмент изображения

Предоставляет блоки изображения для редактора.

Работает только с вставленными URL-адресами изображения и не требует загрузчика на стороне сервера.

Установка

Получите пакет

yarn add @editorjs/simple-image

Включите модуль в вашем приложении

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

Необязательно, вы можете загрузить этот инструмент из CDN JSDelivr CDN

Использование

Добавьте новый инструмент в свойство tools of editor.js начальной конфигурации.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Конфигурация параметров

Этот инструмент не имеет параметров конфигурации

Настройки инструмента

1. Добавить границу

2. Протянуть до полной ширины

3. Добавить фон

Выходные данные

Поле	Тип	Описание
URL	string	URL Image
подпись	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
  }
}