simple image

Outil d'image simple

Fournit des blocs d'image pour l'éditeur.js.

Fonctionne uniquement avec les URL d'image collées et ne nécessite aucun téléchargeur côté serveur.

Installation

Obtenez le forfait

yarn add @editorjs/simple-image

Inclure le module dans votre application

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

En éventuellement, vous pouvez charger cet outil à partir de CDN JSDelivr CDN

Usage

Ajoutez un nouvel outil à la propriété tools de la configuration initiale de l'éditeur.js.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Params de configuration

Cet outil n'a pas de paramètres de configuration

Paramètres de l'outil

1. Ajouter la bordure

2. S'étirer à pleine largeur

3. Ajouter un arrière-plan

Données de sortie

Champ	Taper	Description
URL	string	URL de l'image
légende	string	Légende de l'image
avec un meilleur	boolean	Ajouter une bordure à l'image
avecboutground	boolean	Besoin d'ajouter un arrière-plan
étiré	boolean	Image d'étirement à la largeur de l'écran

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