Template Setup Guides

Modular Text & Docs Editor Plugin

Link to plugin page:


The next generation block styled editor. This plugin's workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, this plugin outputs JSON object with data of each Block.

Allows to add link previews to your articles.

Image Tool

Works only with pasted image URLs.

You can add a border, stretch to full width and add a title to it.

Quote Tool

Provides Quote Blocks, select text and click on the quote icon. You can add quote author name in plugin settings or directly on the page.

You can choose alignment for the quote. It takes no effect while editing, but saved the «alignment» param.

Header Tool

List Tool

This Tool for the Editor.js allows you to add ordered or unordered (bulleted) lists to your article.

Marker Tool

Warning Tool

Provides Warning Block. Block has title and message with a warning icon.It can be used, for example, for editorials notifications or appeals.

Embed Tool

Tool uses Editor.js pasted patterns handling and inserts iframe with embedded content. Supporting services: youtube, coub, imgur, gfycat, twitch-video, twitch-channel, vimeo, yandex-music-track, yandex-music-album, yandex-music-playlist

Raw HTML Tool for Editor.js

Raw Tool for the Editor.js allows to include raw HTML code in your articles.

Checklist Tool for Editor.js

This Tool for the Editor.js allows you to add checklists to your texts.

Delimiter Tool for Editor.js

Adds a simple delimiter.

Table tool

Simple click on + icon to add a row or a column.

InlineCode highlight

Inline Tool for marking code-fragments

Demo to preview the settings