simple image

Ferramenta de imagem simples

Fornece blocos de imagem para o editor.js.

Funciona apenas com URLs de imagem colada e não requer uploader do lado do servidor.

Instalação

Obtenha o pacote

yarn add @editorjs/simple-image

Inclua módulo em seu aplicativo

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

Opcionalmente, você pode carregar esta ferramenta do CDN JSDELIVR CDN

Uso

Adicione uma nova ferramenta à propriedade tools da configuração inicial do editor.js.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Params de configuração

Esta ferramenta não tem parâmetros de configuração

Configurações da ferramenta

1. Adicione a borda

2. Estique-se até a largura total

3. Adicione fundo

Dados de saída

Campo	Tipo	Descrição
url	string	URL da imagem
rubrica	string	Legenda da imagem
Withborder	boolean	Adicionar borda à imagem
Withbackground	boolean	precisa adicionar fundo
esticado	boolean	Estabelecer imagem à largura da tela

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