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
-
Add border
-
Stretch to full-width
-
Add background
| Field | Type | Description |
|---|---|---|
| url | string |
image's url |
| caption | string |
image's caption |
| withBorder | boolean |
add border to image |
| withBackground | boolean |
need to add background |
| stretched | boolean |
stretch image to screen's width |
{
"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
}
}