Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-editorjs

🤩 A curated list of awesome Editor.js tools, libraries and resources.
https://github.com/editor-js/awesome-editorjs

Last synced: 4 days ago
JSON representation

Tools
- 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
- Block Tools
  - editorjs-table - Table contructor tool with great editing row/column options.
  - 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/paragraph
  - @editorjs/header
  - @editorjs/quote
  - @editorjs/warning
  - @editorjs/delimiter
  - paragraph-with-alignment - text block base tool with alignment control. FYI [editorjs-alignment-blocktune](https://github.com/kaaaaaaaaaaai/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-alert - tool for adding colorful alert messages
  - header-with-alignment - header block base tool with alignment control
  - @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
  - AnatoliyKozlov/editorjs-telegram-post
  - 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
  - @bomdi/codebox
  - @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
  - @bomdi/codebox
  - @coolbytes/editorjs-delimiter - `dash` and `line`)
- Block Tune Tools
  - editor-js-alignment-tune
  - VolgaIgor/editorjs-anchor
  - @editorjs/text-variant-tune - out, Citation, Details
  - editorjs-alignment-blocktune
  - VolgaIgor/editorjs-notice
  - editorjs-indent-tune - Block Tune for indenting any type of block
  - @coolbytes/editorjs-anchor
- 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
Libraries
- JavaScript
  - @tinynodes/ngx-editorjs
  - editorjs-antd-renderer - design/ant-design) components
  - editorjs-parser
  - 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-parser
  - editorjs-react-parser - Parse Editor.js data to semantic html tags with syntax highlighting and [@calumk/editorjs-columns](https://github.com/calumk/editorjs-columns) support
  - Editorjs.vue - Vue 3 SFC for Editor.js using v-model with custom Vue component using Video.js
- PHP
  - rahmanramsi/filament-editorjs - Editor JS for [filamentphp](https://filamentphp.com)
  - 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
- Ruby
  - editor_js
  - render_editorjs
- Plugins for CMS
  - Front Editor - Front Editor plugin for [WordPress](https://wordpress.com)
  - EditorJS - Backend formwidget for [OctoberCMS](https://octobercms.com)
  - Admin Block Editor - Admin plugin for [Pushword CMS](https://pushword.piedweb.com) (based on symfony)
  - Strapi-EditorJS - Replace [Strapi](https://strapi.io) default WYSIWYG editor with Editor.js.
  - Editor.js - Directus Extension - Add an Editor.js interface to [Directus](https://github.com/directus/directus)
  - Cotonti CMF Editor.js plugin - Content editor plugin for [Cotonti CMF](https://www.cotonti.com)
- Python
  - django-editorjs-fields
  - pyEditorJS - A very simple Editor.js parser written in pure Python
- Go
  - micheleriva/editorjs-go
  - davidscottmills/goeditorjs - An extensible HTML/markdown generator for editorjs.
  - rodrigoodhin/go-editorjs-parser
- Swift
  - editor.js-kit-ios - iOS framework for parsing and rendering blocks
- Kotlin
  - editor.js-kit-android - Android framework for parsing and rendering blocks
Tutorials and sources
- Plugins for CMS
Projects Using Editor.js
- Plugins for CMS
  - 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
  - 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
  - Newsletter.page - A platform for sending email newsletters
  - Chronopin - Track the release dates of your favorite games and interests. Also share, review, and comment on your posts with a like-minded community.
- Open source projects
  - 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
  - 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.
Ask AI
- Awesome-Editorjs

Programming Languages

JavaScript 56 TypeScript 27 PHP 11 CSS 3 Go 2 Python 2 HTML 2 Kotlin 1 Swift 1 Ruby 1

Ecosyste.ms: Awesome

awesome-editorjs

Tools

Inline Tools

Block Tools

Block Tune Tools

Plugins

Libraries

JavaScript

PHP

Ruby

Plugins for CMS

Python

Go

Swift

Kotlin

Tutorials and sources

Plugins for CMS

Projects Using Editor.js

Plugins for CMS

Open source projects

Ask AI