awesome-editorjs
by editor-js
π€© A curated list of awesome Editor.js tools, libraries and resources.
AI summary
Rich Text Editor Tools
A curated list of tools and libraries for building rich text editors with the Editor.js framework.
- stars
- 2.3K
- forks
- 184
- watching
- 48
- awesome list
- 1
- entries
- 143
What's in the list
143 links in 15 sections, with live GitHub stats.activeno commit in 2y
Tools / Block Tools
@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
@coolbytes/editorjs-delimiter
β Improved delimiter block tool (Includes more styles - and )
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
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-color-picker
Color Picker Tool
@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
Furison-Tech/editorjs-audio
HTML audio block with uploader (requires server-side uploader), based on the official editorjs image tool
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-layout
β Layout block tool for Editor.js
@calumk/editorjs-columns
β Multi-Column Layout tool, using nested editorJs Instances
Tools / Inline Tools
@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
Tools / Block Tune Tools
@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
@coolbytes/editorjs-anchor
β Block Tune to toggle Anchor for any block type
editor-js-alignment-tune
β Block Tune to add cutomizable text alignment to any Block Tool
Tools / Plugins
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-multiblock-selection-plugin
Plugin to extend your inline tools to work in multiblock selection
Libraries / JavaScript
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-react-parser
Parse Editor.js data to semantic html tags with syntax highlighting and support
editorjs-antd-renderer
β Render Editor.js data to React 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
Libraries / PHP
editorjs-php
β server-side data validation, HTML sanitization and convertation output JSON to the Block objects
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
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
Libraries / Python
django-editorjs-fields
β Editor.js integration for Django
pyEditorJS
A very simple Editor.js parser written in pure Python
Libraries / Ruby
- editor_js
β it validates, parses, and renders content from editorjs
render_editorjs
β A modular and customizable Ruby renderer for Editor.js
Libraries / Go
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
Libraries / Swift
editor.js-kit-ios
iOS framework for parsing and rendering blocks
Libraries / Kotlin
editor.js-kit-android
Android framework for parsing and rendering blocks
Libraries / Plugins for CMS
- Front Editor
Front Editor plugin for
- EditorJS
Backend formwidget for
Strapi-EditorJS
Replace default WYSIWYG editor with Editor.js
- Admin Block Editor
Admin plugin for (based on symfony)
Editor.js - Directus Extension
Add an Editor.js interface to
Cotonti CMF Editor.js plugin
Content editor plugin for
Tutorials and sources
- editorjs.io
β offical docs
editorjs-examples
β Examples of using Editor.js
Projects Using Editor.js
- 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
Projects Using Editor.js / Open source projects
- 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
Nothing in this list matches your filter.
Featured in 1 awesome list
Each link jumps to the spot where the list mentions awesome-editorjs.
More related projects
codex-team/editor.js29K
mazipan/vue-ionicons96
vfsfitvnm/vimusic9.2K
fast4x/rimusic2.8K
react-icons/react-icons11.7K
renovamen/oh-vue-icons245
boxfrommars/rutorika-laravel-html17
slap-editor/slap6.1K
dustinlacewell/logseq-guide134
catppuccin/logseq154
shawnlawson/the_force276
sansui233/logseq-bonofix-theme240
pengx17/logseq-plugin-tabs305