awesome-editorjs
Rich Text Editor Tools
A curated list of tools and libraries for building rich text editors with the Editor.js framework.
🤩 A curated list of awesome Editor.js tools, libraries and resources.
2k stars
48 watching
184 forks
last commit: 12 months ago
Linked from 1 awesome list
awesomeawesome-listeditorjslibrariestools
Awesome Editor.js / Tools / Block Tools | |||
| @editorjs/paragraph | 46 | 12 months ago | — text block base tool |
| @editorjs/header | 104 | 12 months ago | — header block |
| @editorjs/quote | 41 | 12 months ago | — tool for quotes |
| @editorjs/warning | 31 | about 1 year ago | — warning tool can be used as editorials notifications or appeals |
| @editorjs/delimiter | 40 | over 1 year ago | — delimiter tool |
| @coolbytes/editorjs-delimiter | 5 | over 1 year ago | — Improved delimiter block tool (Includes more styles - and ) |
| editorjs-alert | 62 | over 1 year ago | tool for adding colorful alert messages |
| header-with-alignment | 3 | over 3 years ago | header block base tool with alignment control |
| paragraph-with-alignment | 44 | over 2 years ago | text block base tool with alignment control. FYI |
| header-with-anchor | 9 | almost 3 years ago | header block with the ability to set an anchor text |
| editorjs-toggle-block | 47 | 12 months ago | tool for nesting blocks in a toggleable element |
| editorjs-aitext | 33 | over 1 year ago | ai suggestions tool based on paragraph tool and openai node lib |
| title-editorjs | 6 | about 2 years ago | 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 | 2 | 12 months ago | Color Picker Tool |
| @editorjs/list | 53 | 12 months ago | — ordered or unordered (bulleted) lists |
| @editorjs/nested-list | 53 | 12 months ago | — Multi-leveled lists |
| @editorjs/checklist | 58 | about 1 year ago | — checklists for your texts |
| @calumk/editorjs-nested-checklist | 9 | over 2 years ago | — Nested Checklists for your texts |
| @editorjs/image | 245 | 12 months ago | — image block |
| @editorjs/simple-image | 57 | about 2 years ago | — add images to article by pasting image URLs. no server-side uploader required |
| @editorjs/link | 92 | over 1 year ago | — link with preview |
| @editorjs/attaches | 65 | over 1 year ago | — attach files to your article |
| @editorjs/embed | 149 | about 1 year ago | — pasted patterns handling and inserts iframe with embedded content |
| simple-image-editorjs | 11 | almost 3 years ago | — 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 | 101 | 12 months ago | — embed images from image files, URLs or Unsplash |
| mr8bit/carousel-editorjs | 47 | over 1 year ago | — Carousel/Gallery Block for the Editor.js |
| mdgaziur/EditorJS-LaTeX | 38 | over 1 year ago | — LaTeX block support for EditorJS |
| rodrigoodhin/editorjs-image-gallery | — image gallery block | ||
| naduma/editorjs-mermaid | 21 | over 3 years ago | — Mermaid Block for Editor.js |
| VolgaIgor/editorjs-gallery | 13 | over 1 year ago | — Gallery Block with multiloading and sorting |
| AnatoliyKozlov/editorjs-telegram-post | 2 | over 2 years ago | — Telegram Post widget |
| renanrider/editorjs-audio-player | 10 | about 2 years ago | Simple Audio Tool, works only with pasted URLs with audio src and requires no server-side uploader |
| Furison-Tech/editorjs-audio | 1 | about 1 year ago | HTML audio block with uploader (requires server-side uploader), based on the official editorjs image tool |
| sureshHARDIYA/flipboxplus | 1 | over 1 year ago | Configurable carousel that allows to add, edit, delete slides. Slides are configured to display as flipbox |
| image-with-link | 4 | over 1 year ago | upload image with link. forked by official image plugin |
| @editorjs/table | 130 | 12 months ago | — table constructor tool |
| editorjs-table | 42 | over 1 year ago | Table contructor tool with great editing row/column options |
| @editorjs/code | 76 | about 1 year ago | — tools for code examples |
| @editorjs/raw | 59 | 12 months ago | — include raw HTML code to your article |
| editor-js-code | 9 | over 5 years ago | — 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 | 19 | almost 3 years ago | — Code Mirror for the Editor.js allows to include code examples in your articles |
| @bomdi/codebox | 38 | over 2 years ago | — code syntax highlighting tool for Editor.js |
| @calumk/editorjs-codeflask | 20 | almost 2 years ago | — Beautiful code highlighting, with linenumbers, and language support. Powered by Codeflask + PrismJs |
| ace-code-editorjs | 6 | over 1 year ago | — Ace Code Editor block for the Editor.js with language selection |
| @rxpm/editor-js-code | 0 | about 1 year ago | Custom Code Plugin adds code examples to articles with a language dropdown |
| editorjs-button | 25 | over 1 year ago | — Create a button with a link and text |
| editorjs-layout | 72 | over 2 years ago | — Layout block tool for Editor.js |
| @calumk/editorjs-columns | 117 | over 1 year ago | — Multi-Column Layout tool, using nested editorJs Instances |
Awesome Editor.js / Tools / Inline Tools | |||
| @editorjs/marker | 75 | almost 2 years ago | — tool for highlighting text-fragments |
| @editorjs/inline-code | 49 | over 1 year ago | — tool for marking monospace code-fragments |
| @editorjs/underline | 19 | about 1 year ago | — underlining text fragments |
| @editorjs/link-autocomplete | 28 | about 2 years ago | — an upgraded version of base inline link tool with your server's search |
| editorjs-hyperlink | 36 | over 1 year ago | — a tool link with target & rel attribute for Editor.js |
| editorjs-inline-spoiler-tool | — inline text spoiler | ||
| editorjs-inline-tool | 11 | about 5 years ago | — create an inline tool for (editorjs.io) with text formatting tags (eg. bold, strong, em, u, ...) |
| editorjs-inline | 33 | almost 3 years ago | — Inline-Editor.js Tool for Editor.js |
| editorjs-inline-template | 11 | almost 3 years ago | — Inline-template Tool for Editor.js |
| editorjs-style | 56 | almost 3 years ago | — Inline-style Tool for Editor.js |
| editorjs-change-case | 15 | almost 2 years ago | — change case Tool for the Editor.js |
| editorjs-tooltip | 37 | 12 months ago | — 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 | 11 | about 1 year ago | — Tool for adding an extended annotation to any text in EditorJS blocks |
| editorjs-comment | 3 | almost 2 years ago | Tool that allows you to add comment to editorjs |
Awesome Editor.js / Tools / Block Tune Tools | |||
| @editorjs/text-variant-tune | 12 | over 1 year ago | — Block Tune for text variants: Call-out, Citation, Details |
| editorjs-alignment-blocktune | 54 | over 1 year ago | — Add text alignment to any Block Tools |
| VolgaIgor/editorjs-anchor | 5 | over 1 year ago | — Add anchor field to any Block Tools |
| VolgaIgor/editorjs-notice | 5 | about 1 year ago | — Highlight or hide with caption any Editor.js block |
| editorjs-indent-tune | Block Tune for indenting any type of block | ||
| @coolbytes/editorjs-anchor | 4 | 12 months ago | — Block Tune to toggle Anchor for any block type |
| editor-js-alignment-tune | 0 | about 1 year ago | — Block Tune to add cutomizable text alignment to any Block Tool |
Awesome Editor.js / Tools / Plugins | |||
| editorjs-drag-drop | 190 | 12 months ago | — Drag/Drop feature for Editor.js |
| editorjs-undo | 174 | 12 months ago | — Undo/Redo feature for Editor.js |
| editorjs-markdown-parser | 58 | about 5 years ago | 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 | ||
Awesome Editor.js / Libraries / JavaScript | |||
| editorjs-parser | 92 | over 1 year ago | — a library to parse Editorjs clean data to HTML in Node and Browser |
| editorjs-html | 331 | over 1 year ago | — a utility to parse editorjs clean data to HTML |
| editorjs-to-html | 7 | almost 2 years ago | — editorjs format parser to html with saving editorjs markup format |
| editor-js-component | 14 | almost 2 years ago | 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 | 360 | over 2 years ago | — editor.js for Vue users |
| react-editor-js | 965 | almost 2 years ago | — the unofficial editor-js component for React |
| @stfy/react-editor.js | 128 | almost 3 years ago | — React wrapper component for Editor.js |
| editorjs-blocks-react-renderer | 142 | about 1 year ago | React component to render blocks to semantic HTML5 tags |
| editorjs-react | 10 | about 2 years ago | — Editor.js React parser to parse Editor.js data to JSX components |
| editorjs-react-parser | 4 | over 1 year ago | Parse Editor.js data to semantic html tags with syntax highlighting and support |
| editorjs-antd-renderer | 1 | about 1 year ago | — Render Editor.js data to React components |
| editorjs-viewer-native | 45 | over 2 years ago | — A React Native solution to parse outputData generated by Editor.Js |
| @tinynodes/ngx-editorjs | — This library provides Angular support for EditorJS | ||
| sveditorjs | 35 | about 1 year ago | — This library provides svelte support for EditorJS |
Awesome Editor.js / Libraries / PHP | |||
| editorjs-php | 247 | over 1 year ago | — server-side data validation, HTML sanitization and convertation output JSON to the Block objects |
| orchid-editorjs-field | 13 | about 2 years ago | |
| yii2-editorjs-widget | 9 | over 5 years ago | — Editor.js widget for Yii 2 |
| EditorjsBundle | 16 | almost 3 years ago | — Symfony bundle for Editor.js |
| nova-editor-js | 92 | over 1 year ago | — Editor JS field for Laravel Nova |
| codex-to-html | 15 | about 5 years ago | — Converter EditorJS JSON to HTML |
| magento2-editorjs | 3 | over 4 years ago | — Editor.js module for Magento 2 |
| editorjs-symfony-parser-bundle | 21 | about 2 years ago | — Editor.js-Bundle for Symfony to parse blocks created with Editor.js |
| rahmanramsi/filament-editorjs | Editor JS for | ||
| bumpcore/editor.php | 29 | over 1 year ago | An advanced library for parsing and manipulating Editor.js output using either vanilla PHP or Laravel |
| editorjs-simple-html-parser | 6 | over 1 year ago | 2 way parser for Editor.js: JSON to HTML & HTML to JSON |
Awesome Editor.js / Libraries / Python | |||
| django-editorjs-fields | 135 | over 2 years ago | — Editor.js integration for Django |
| pyEditorJS | 19 | over 2 years ago | A very simple Editor.js parser written in pure Python |
Awesome Editor.js / Libraries / Ruby | |||
| editor_js | — it validates, parses, and renders content from editorjs | ||
| render_editorjs | 31 | about 1 year ago | — A modular and customizable Ruby renderer for Editor.js |
Awesome Editor.js / Libraries / Go | |||
| micheleriva/editorjs-go | 37 | almost 3 years ago | — Fast markdown/HTML generator for Editor.js |
| davidscottmills/goeditorjs | 15 | almost 4 years ago | 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 | ||
Awesome Editor.js / Libraries / Swift | |||
| editor.js-kit-ios | 31 | over 1 year ago | iOS framework for parsing and rendering blocks |
Awesome Editor.js / Libraries / Kotlin | |||
| editor.js-kit-android | 28 | over 1 year ago | Android framework for parsing and rendering blocks |
Awesome Editor.js / Libraries / Plugins for CMS | |||
| Front Editor | Front Editor plugin for | ||
| EditorJS | Backend formwidget for | ||
| Strapi-EditorJS | 171 | about 2 years ago | Replace default WYSIWYG editor with Editor.js |
| Admin Block Editor | Admin plugin for (based on symfony) | ||
| Editor.js - Directus Extension | 184 | over 2 years ago | Add an Editor.js interface to |
| Cotonti CMF Editor.js plugin | 3 | over 1 year ago | Content editor plugin for |
Awesome Editor.js / Tutorials and sources | |||
| editorjs.io | — offical docs | ||
| Tutorial: Integrating Editor.js into your react application | |||
| Tutorial: Creating a custom editorjs block tool with React | |||
| editorjs-examples | 18 | almost 3 years ago | — Examples of using Editor.js |
Awesome 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 | 5 | 12 months ago | Firefox extension which allows users to take notes on webpages |
Awesome Editor.js / 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 | 712 | over 1 year ago | — documentation engine |
| CodeX Media | 93 | over 1 year ago | — platform for building modern website for educational or media organizations |
| CodeX Notes | 141 | almost 3 years ago | — crossplatform desktop notes application based on Electron and Editor.js |
| Noter | A State of the Art realtime and collaborative note taking platform | ||
| enassi | 0 | over 1 year ago | Encryption assistant that encrypts and stores your notes and files |
| EvaNotebook | A collaborative peer-to-peer notebook for Web Technologies | ||
jnv/lists
codex-team/editor.js
mazipan/vue-ionicons
vfsfitvnm/vimusic
fast4x/rimusic
react-icons/react-icons
renovamen/oh-vue-icons
boxfrommars/rutorika-laravel-html
slap-editor/slap
dustinlacewell/logseq-guide
catppuccin/logseq
shawnlawson/the_force
sansui233/logseq-bonofix-theme
pengx17/logseq-plugin-tabs