simple image

Herramienta de imagen simple

Proporciona bloques de imágenes para el editor.js.

Funciona solo con URL de imagen pegadas y no requiere cargador del lado del servidor.

Instalación

Obtener el paquete

yarn add @editorjs/simple-image

Incluir módulo en su aplicación

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

Opcionalmente, puede cargar esta herramienta desde CDN JSDELIVR CDN

Uso

Agregue una nueva herramienta a la propiedad tools de la configuración inicial editor.js.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Parámetros de configuración

Esta herramienta no tiene parámetros de configuración

Configuración de la herramienta

1. Agregar borde

2. Estirarse a ancho completo

3. Agregar fondo

Datos de salida

Campo	Tipo	Descripción
url	string	URL de la imagen
subtítulo	string	Título de la imagen
con forder	boolean	Agregar borde a imagen
con background	boolean	Necesito agregar fondo
estirado	boolean	Estirar imagen al ancho de la pantalla

{
  "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
  }
}