awesome-editorjs
🤩 A curated list of awesome Editor.js tools, libraries and resources.
https://github.com/editor-js/awesome-editorjs
Last synced: 23 days ago
JSON representation
Ask AI
Libraries
Go
- micheleriva/editorjs-go
- davidscottmills/goeditorjs - An extensible HTML/markdown generator for editorjs.
- rodrigoodhin/go-editorjs-parser
Java
- EditorjsToMarkdown - A Java-based tool that parses Editor.js JSON into Markdown
JavaScript
- @tinynodes/ngx-editorjs
- Editorjs.vue - Vue 3 SFC for Editor.js using v-model with custom Vue component using Video.js
- editorjs-html
- editorjs-to-html
- editor-js-component - an editorjs library that can use Vue and React frameworks
- vue-editor-js
- react-editor-js - js component for React
- @stfy/react-editor.js
- editorjs-blocks-react-renderer - React component to render blocks to semantic HTML5 tags
- editorjs-react
- editorjs-viewer-native
- sveditorjs
- editorjs-react-parser - Parse Editor.js data to semantic html tags with syntax highlighting and @calumk/editorjs-columns support
- editorjs-antd-renderer - design/ant-design) components
- editorjs-parser
- editorjs-renderer-react-native
Kotlin
- editor.js-kit-android - Android framework for parsing and rendering blocks
PHP
- editorjs-php - side data validation, HTML sanitization and convertation output JSON to the Block objects
- orchid-editorjs-field
- yii2-editorjs-widget
- EditorjsBundle
- nova-editor-js
- codex-to-html
- magento2-editorjs
- editorjs-symfony-parser-bundle - Bundle for Symfony to parse blocks created with Editor.js
- 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
- UX Editor - Editor.js integration for Symfony
- rahmanramsi/filament-editorjs - Editor JS for filamentphp
Plugins for CMS
- Front Editor - Front Editor plugin for WordPress
- EditorJS - Backend formwidget for OctoberCMS
- Admin Block Editor - Admin plugin for Pushword CMS (based on symfony)
- Strapi-EditorJS - Replace Strapi default WYSIWYG editor with Editor.js.
- Editor.js - Directus Extension - Add an Editor.js interface to Directus
- Cotonti CMF Editor.js plugin - Content editor plugin for Cotonti CMF
Python
- django-editorjs-fields
- pyEditorJS - A very simple Editor.js parser written in pure Python
Ruby
Swift
- editor.js-kit-ios - iOS framework for parsing and rendering blocks
Projects Using Editor.js
Open source projects
- EvaNotebook - A collaborative peer-to-peer notebook for Web Technologies
- CodeX Docs
- CodeX Media
- CodeX Notes
- enassi - Encryption assistant that encrypts and stores your notes and files.
- frappeframework.com - A meta data based framework which has workspace feature which uses Editor.js
- automad.org - file content management system and template engine
- Noter - A State of the Art realtime and collaborative note taking platform
Plugins for CMS
- beemy - Dedicated blog builder to better manage content
- Unicorn Platform - Create landing pages and write blogs.
- Drafts - Web based text editor for writing quick drafts
- Chronopin - Track the release dates of your favorite games and interests. Also share, review, and comment on your posts with a like-minded community.
- IrenSystem - System for business - allows you to work with clients, managers, contractors and suppliers
- Notice.studio - CMS & component editor that blends in your website
- The Work Docs - AI PDF Reader - allows you to read, write, research long PDF file
- OddsRabbit - Community Platform For Creator - Alternative to Reddit, Patreon, and Substack
- Poda
- Newsletter.page - A platform for sending email newsletters
- Cai - AI Writer, Content Generator & Writing Assistant
- 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
Tools
Block Tools
- @editorjs/paragraph
- @editorjs/header
- @editorjs/quote
- @editorjs/warning
- @editorjs/delimiter
- 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
- @editorjs/checklist
- @calumk/editorjs-nested-checklist
- @editorjs/image
- @editorjs/simple-image - side uploader required
- @editorjs/link
- @editorjs/attaches
- @editorjs/embed
- simple-image-editorjs
- editorjs-inline-image
- mr8bit/carousel-editorjs
- mdgaziur/EditorJS-LaTeX
- rodrigoodhin/editorjs-image-gallery
- naduma/editorjs-mermaid
- VolgaIgor/editorjs-gallery
- 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
- @editorjs/code
- @editorjs/raw
- editor-js-code
- editorjs-codemirror
- @calumk/editorjs-codeflask
- ace-code-editorjs
- @rxpm/editor-js-code - Custom Code Plugin adds code examples to articles with a language dropdown.
- editorjs-button
- editorjs-layout
- @calumk/editorjs-columns - Column Layout tool, using nested editorJs Instances
- editorjs-color-picker - Color Picker Tool
- Furison-Tech/editorjs-audio - HTML audio block with uploader (requires server-side uploader), based on the official editorjs image tool.
- editorjs-drawing-tool - Drawing Tool for Editor.js
- @cychann/editorjs-quote - Improved Quote Block Tool (Includes more quote styles)
- @editorjs/nested-list - leveled lists
- @bomdi/codebox
- @cychann/editorjs-group-image - Multi-image block with advanced drag-and-drop functionality
- editorjs-gifs - Add GIFs to your editorjs setup
- editorjs-collapsible-block - like block tool that manages collapsing of the next blocks.
- @skchawala/editorjs-text-style - inline tool for customizing font size and font family — lightweight, configurable, and easy to use.
- editorjs-chartjs - Chart constructor tool using Chart.js
-
@coolbytes/editorjs-delimiter
-
dashandline) - editorjs-image-crop-resize - image tool with crop, resize, rotate, and flip (X/Y axis) support powered by Cropper.js
- AnatoliyKozlov/editorjs-telegram-post
Block Tune Tools
- editorjs-indent-tune - Block Tune for indenting any type of block
- @editorjs/text-variant-tune - out, Citation, Details
- editorjs-alignment-blocktune
- VolgaIgor/editorjs-anchor
- VolgaIgor/editorjs-notice
- editor-js-alignment-tune
- @coolbytes/editorjs-anchor
Inline Tools
- editorjs-inline-spoiler-tool
- @sotaproject/strikethrough - tool for strikethrough text
- editorjs-text-color-plugin - Inline tool for coloring/marking selected text with customized colors
- @editorjs/marker - fragments
- @editorjs/inline-code - fragments
- @editorjs/underline
- @editorjs/link-autocomplete
- editorjs-hyperlink
- editorjs-inline-tool
- editorjs-inline - Editor.js Tool for Editor.js
- editorjs-inline-template - template Tool for Editor.js
- editorjs-style - style Tool for Editor.js
- editorjs-change-case
- editorjs-tooltip
- VolgaIgor/editorjs-annotation
- editorjs-comment - Tool that allows you to add comment to editorjs
- editorjs-inline-hotkey - Inline Tool that marks text as Hotkey
- editor-js-tg-spoiler - Inline tool for adding spoilers to text fragments for Editor.js, supporting export to telegram.
- editorjs-color - Color inline Tool, supports custom color palettes, easy to use
Plugins
- editorjs-drag-drop
- editorjs-undo
- editorjs-markdown-parser - Two plugins which allow you to export/import Markdown file
- editorjs-multiblock-selection-plugin - Plugin to extend your inline tools to work in multiblock selection