Provides Image Blocks for the Editor.js.

Works only with pasted image URLs and requires no server-side uploader.

Get the package

yarn add @editorjs/simple-image

Include module at your application

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

Optionally, you can load this tool from CDN JsDelivr CDN

Add a new Tool to the tools property of the Editor.js initial config.

var editor = EditorJS({ ... tools: { ... image: SimpleImage, } ... });

This Tool has no config params

1. Add border

2. Stretch to full-width

3. Add background

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