simple image

Einfaches Bildwerkzeug

Bietet Bildblöcke für den Editor.js.

Funktioniert nur mit eingefügten Bild-URLs und erfordert keinen serverseitigen Uploader.

Installation

Holen Sie sich das Paket

yarn add @editorjs/simple-image

Fügen Sie das Modul in Ihrer Anwendung ein

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

Optional können Sie dieses Tool von CDN JSDelivr CDN laden

Verwendung

Fügen Sie der tools -Eigenschaft des Editors.js Initial Config ein neues Tool hinzu.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Konfigurationsparameter

Dieses Tool verfügt über keine Konfigurationsparams

Einstellungen des Werkzeugs

1. Rand hinzufügen

2. Dehnen Sie sich bis zur vollständigen Breite

3. Hintergrund hinzufügen

Ausgabedaten

Feld	Typ	Beschreibung
URL	string	URL des Bildes
Untertitel	string	Bildunterschrift
mit Border	boolean	Fügen Sie dem Bild Rand hinzu
mit Background	boolean	Hintergrund hinzufügen müssen
gestreckt	boolean	Dehnen Sie das Bild auf die Breite des Bildschirms

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