A curated list of awesome Editor.js tools, libraries and resources.
Inspired by the awesome list. Feel free to improve this list by contributing!
- @editorjs/paragraph โ text block base tool
- @editorjs/header โ header block
- @editorjs/quote โ tool for quotes
- @editorjs/warning โ warning tool can be used as editorials notifications or appeals
- @editorjs/delimiter โ delimiter tool
- editorjs-alert - tool for adding colorful alert messages
- header-with-alignment - header block base tool with alignment control
- paragraph-with-alignment - text block base tool with alignment control. FYI editorjs-alignment-blocktune
- header-with-anchor - header block with the ability to set an anchor text
- editorjs-toggle-block - tool for nesting blocks in a toggleable element
- editorjs-aitext - ai suggestions tool based on paragraph tool and openai node lib
- title-editorjs - Provides Title (headings) Blocks for the Editor.js with various settings like H1...H6, colors (red, pink, purple...) and text-align. It is compatible with react and typescript, without causing typing errors.
- @editorjs/list โ ordered or unordered (bulleted) lists
- @editorjs/nested-list โ Multi-leveled lists
- @editorjs/checklist โ checklists for your texts
- @calumk/editorjs-nested-checklist โ Nested Checklists for your texts
- @editorjs/image โ image block
- @editorjs/simple-image โ add images to article by pasting image URLs. no server-side uploader required
- @editorjs/link โ link with preview
- @editorjs/attaches โ attach files to your article
- @editorjs/embed โ pasted patterns handling and inserts iframe with embedded content
- simple-image-editorjs โ fork of the SimpleImage repository. It adds in extra functionality such as a toolbar to add images (rather than just drag and drop) and uses blob URL's to improve memory usage
- editorjs-inline-image โ embed images from image files, URLs or Unsplash
- mr8bit/carousel-editorjs โ Carousel/Gallery Block for the Editor.js
- mdgaziur/EditorJS-LaTeX โ LaTeX block support for EditorJS
- rodrigoodhin/editorjs-image-gallery โ image gallery block
- naduma/editorjs-mermaid โ Mermaid Block for Editor.js
- VolgaIgor/editorjs-gallery โ Gallery Block with multiloading and sorting
- AnatoliyKozlov/editorjs-telegram-post โ Telegram Post widget
- renanrider/editorjs-audio-player - Simple Audio Tool, works only with pasted URLs with audio src and requires no server-side uploader.
- sureshHARDIYA/flipboxplus - Configurable carousel that allows to add, edit, delete slides. Slides are configured to display as flipbox.
- image-with-link - upload image with link. forked by official image plugin
- @editorjs/table โ table constructor tool
- editorjs-table - Table contructor tool with great editing row/column options.
- @editorjs/code โ tools for code examples
- @editorjs/raw โ include raw HTML code to your article
- editor-js-code โ a fork of Code Tool for the Editor.js that allows to include code examples along with language codes that are supported by PrismJs in your articles
- editorjs-codemirror โ Code Mirror for the Editor.js allows to include code examples in your articles.
- @bomdi/codebox โ code syntax highlighting tool for Editor.js
- @calumk/editorjs-codeflask โ Beautiful code highlighting, with linenumbers, and language support. Powered by Codeflask + PrismJs
- ace-code-editorjs โ Ace Code Editor block for the Editor.js with language selection.
- @rxpm/editor-js-code - Custom Code Plugin adds code examples to articles with a language dropdown.
- editorjs-button โ Create a button with a link and text.
- editorjs-layout โ Layout block tool for Editor.js.
- @calumk/editorjs-columns โ Multi-Column Layout tool, using nested editorJs Instances
- @editorjs/marker โ tool for highlighting text-fragments
- @editorjs/inline-code โ tool for marking monospace code-fragments
- @editorjs/underline โ underlining text fragments
- @editorjs/link-autocomplete โ an upgraded version of base inline link tool with your server's search
- editorjs-hyperlink โ a tool link with target & rel attribute for Editor.js
- editorjs-inline-spoiler-tool โ inline text spoiler
- editorjs-inline-tool โ create an inline tool for (editorjs.io) with text formatting tags (eg. bold, strong, em, u, ...)
- editorjs-inline โ Inline-Editor.js Tool for Editor.js
- editorjs-inline-template โ Inline-template Tool for Editor.js
- editorjs-style โ Inline-style Tool for Editor.js
- editorjs-change-case โ change case Tool for the Editor.js
- editorjs-tooltip โ Tool for adding tooltips in EditorJS
- @sotaproject/strikethrough - tool for strikethrough text
- editorjs-text-color-plugin - Inline tool for coloring/marking selected text with customized colors
- VolgaIgor/editorjs-annotation โ Tool for adding an extended annotation to any text in EditorJS blocks
- editorjs-comment - Tool that allows you to add comment to editorjs
- @editorjs/text-variant-tune โ Block Tune for text variants: Call-out, Citation, Details
- editorjs-alignment-blocktune โ Add text alignment to any Block Tools.
- VolgaIgor/editorjs-anchor โ Add anchor field to any Block Tools
- VolgaIgor/editorjs-notice โ Highlight or hide with caption any Editor.js block
- editorjs-indent-tune - Block Tune for indenting any type of block
- editorjs-drag-drop โ Drag/Drop feature for Editor.js
- editorjs-undo โ Undo/Redo feature for Editor.js
- editorjs-markdown-parser - Two plugins which allow you to export/import Markdown file
- editorjs-parser โ a library to parse Editorjs clean data to HTML in Node and Browser
- editorjs-html โ a utility to parse editorjs clean data to HTML
- editorjs-to-html โ editorjs format parser to html with saving editorjs markup format
- editor-js-component - an editorjs library that can use Vue and React frameworks
- Editorjs.vue - Vue 3 SFC for Editor.js using v-model with custom Vue component using Video.js
- vue-editor-js โ editor.js for Vue users
- react-editor-js โ the unofficial editor-js component for React
- @stfy/react-editor.js โ React wrapper component for Editor.js
- editorjs-blocks-react-renderer - React component to render blocks to semantic HTML5 tags
- editorjs-react โ Editor.js React parser to parse Editor.js data to JSX components
- editorjs-viewer-native โ A React Native solution to parse outputData generated by Editor.Js
- @tinynodes/ngx-editorjs โ This library provides Angular support for EditorJS.
- sveditorjs โ This library provides svelte support for EditorJS.
- editorjs-php โ server-side data validation, HTML sanitization and convertation output JSON to the Block objects
- orchid-editorjs-field
- yii2-editorjs-widget โ Editor.js widget for Yii 2
- EditorjsBundle โ Symfony bundle for Editor.js
- nova-editor-js โ Editor JS field for Laravel Nova
- codex-to-html โ Converter EditorJS JSON to HTML
- magento2-editorjs โ Editor.js module for Magento 2
- editorjs-symfony-parser-bundle โ Editor.js-Bundle for Symfony to parse blocks created with Editor.js
- rahmanramsi/filament-editorjs - Editor JS for filamentphp
- bumpcore/editor.php - An advanced library for parsing and manipulating Editor.js output using either vanilla PHP or Laravel.
- editorjs-simple-html-parser - 2 way parser for Editor.js: JSON to HTML & HTML to JSON
- django-editorjs-fields โ Editor.js integration for Django
- pyEditorJS - A very simple Editor.js parser written in pure Python
- editor_js โ it validates, parses, and renders content from editorjs
- render_editorjs โ A modular and customizable Ruby renderer for Editor.js
- micheleriva/editorjs-go โ Fast markdown/HTML generator for Editor.js
- davidscottmills/goeditorjs - An extensible HTML/markdown generator for editorjs.
- rodrigoodhin/go-editorjs-parser โ A Golang library which converts Editor.js JSON output to pure Markdown or HTML.
- editor.js-kit-ios - iOS framework for parsing and rendering blocks
- editor.js-kit-android - Android framework for parsing and rendering blocks
- Front Editor - Front Editor plugin for WordPress
- EditorJS - Backend formwidget for OctoberCMS
- Strapi-EditorJS - Replace Strapi default WYSIWYG editor with Editor.js.
- Admin Block Editor - Admin plugin for Pushword CMS (based on symfony)
- Editor.js - Directus Extension - Add an Editor.js interface to Directus
- Cotonti CMF Editor.js plugin - Content editor plugin for Cotonti CMF
- editorjs.io โ offical docs
- Tutorial: Integrating Editor.js into your react application
- Tutorial: Creating a custom editorjs block tool with React
- editorjs-examples โ Examples of using Editor.js
๐ Add your project!
- Newsletter.page - A platform for sending email newsletters
- IrenSystem - System for business - allows you to work with clients, managers, contractors and suppliers
- beemy - Dedicated blog builder to better manage content
- Notice.studio - CMS & component editor that blends in your website
- Poda โ Project planning and roadmaping
- Slid - Video note-taking tool for online learners.
- Unicorn Platform - Create landing pages and write blogs.
- MarsX - AI/NoCode/ProCode builder.
- Walkthrough - Write great codelab style tutorials.
- Drafts - Web based text editor for writing quick drafts
- Cai - AI Writer, Content Generator & Writing Assistant
- Chronopin - Track the release dates of your favorite games and interests. Also share, review, and comment on your posts with a like-minded community.
- Contractify - Contract management software for e-signing, managing and automating all your contracts online
- Tulsk - AI-powered project management tool designed to simplify your workflow.
- WebResearcherJS - Firefox extension which allows users to take notes on webpages
- frappeframework.com - A meta data based framework which has workspace feature which uses Editor.js
- automad.org โ a flat-file content management system and template engine
- CodeX Docs โ documentation engine
- CodeX Media โ platform for building modern website for educational or media organizations
- CodeX Notes โ crossplatform desktop notes application based on Electron and Editor.js
- Noter - A State of the Art realtime and collaborative note taking platform
- enassi - Encryption assistant that encrypts and stores your notes and files.
- EvaNotebook - A collaborative peer-to-peer notebook for Web Technologies