Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @editorjs/simple-image with all npm packages installed. Try it out:

var simpleImage = require("@editorjs/simple-image")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@editorjs/simple-image v1.3.3

SimpleImage Tool for Editor.js

Simple Image Tool

Provides Image Blocks for the Editor.js.

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


Install via NPM

Get the package

npm i --save-dev @editorjs/simple-image

Include module at your application

const SimpleImage = require('@editorjs/simple-image');

Download to your project's source dir

  1. Upload folder dist from repository
  2. Add dist/bundle.js file to your page.

Load from CDN

You can load specific version of package from jsDelivr CDN.

Then require this script on page with Editor.js.

<script src="..."></script>


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

var editor = EditorJS({
  tools: {
    image: SimpleImage,

Config Params

This Tool has no config params

Tool's settings

  1. Add border

  2. Stretch to full-width

  3. Add background

Output data

urlstringimage's url
captionstringimage's caption
withBorderbooleanadd border to image
withBackgroundbooleanneed to add background
stretchedbooleanstretch image to screen's width
    "type" : "image",
    "data" : {
        "url" : "",
        "caption" : "Roadster //",
        "withBorder" : false,
        "withBackground" : false,
        "stretched" : true


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free