Awesome WYSIWYG EDITORS

A curated list of awesome WYSIWYG editors.

English | 简体中文

Awesome WYSIWYG EDITORS
- Contents
- Standalone
- jQuery Based
- For Angular
- For React
- For Vue
- For Ruby
- WYSIWYG-alike
- Icons
- Contribute
- License

Standalone

WYSIWYG Editors that can be use without dependecy to other libraries or frameworks.

Adiptal Editor - Free & Upgradable to $ Non-Free - Adiptal Editor is an iframe-based WYSIWYG Editor built on JavaScript. With advanced features & custom elements, it gives clean output to design responsive pages.
Aloha Editor - Aloha Editor is a JavaScript content editing library.
CKEditor 4 - Battle-tested WYSIWYG HTML editor.
CKEditor 5 - A set of ready to use rich text editors created with a powerful framework.
Content Tools - A JS library for building WYSIWYG editors for HTML content. :sleeping:
Editor.js - A block-styled editor with clean JSON output.
Etherpad - Etherpad: Really real-time collaborative document editing.
Froala Editor $ Non-Free ⊘ Proprietary - A beautifuly designed WYSIWYG Rich Text Editor based on HTML5.
grande.js - It's a Medium at Starbucks. Pinky ring out. :sleeping:
Jodit - Rich HTML WYSIWYG Editor and FileBrowser.
Medium Editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. :sleeping:
Medium.js - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor). :sleeping:
Milkdown - Plugin driven WYSIWYG markdown editor framework.
Mobiledoc Kit - A toolkit for building WYSIWYG editors with Mobiledoc. :sleeping:
Pell - The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies. :sleeping:
Pen Editor - Enjoy live editing (+markdown). :sleeping:
Quill - A modern rich text editor built for compatibility and extensibility.
SCEditor - A lightweight WYSIWYG BBCode and XHTML editor.
Scribe - Deprecated A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults. :sleeping:
Squire - An HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.
Substance - A JavaScript library for web-based content editing. :sleeping:
SunEditor - Pure javascript based WYSIWYG html editor, with no dependencies.
TinyMCE - A JavaScript library for platform independent 'WYSIWYG' or rich text editing.
tiptap - The headless editor framework for web artisans.
Trix - A rich text editor for everyday writing.
Tui Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. :sleepy:
UEditor - UEditor is a WYSIWYG rich web editor developed by Baidu fex-team. It is lightweight, customizable, and user-oriented. :sleeping:
wangEditor - A lightweight rich text editor, friendly API and use extremely convenient. :sleeping:
web-component-designer - A WYSIWYG Designer for webcomponents as a webcomponent. Live Demo: here
wysihtml - Open source rich text editor for the modern web. :sleeping:
on CodeMerge - A modular, open source rich text editor.

jQuery Based

jQuery required editors

bootstrap-wysiwyg - Tiny bootstrap-compatible WYSIWYG rich text editor. :sleeping:
Dante Editor - Just another Medium wysiwyg editor clone.
Easyeditor - Very lightweight and highly configurable rich text html editor. :sleeping:
jQuery-Notebook - A modern, simple and elegant WYSIWYG rich text editor. :sleeping:
popline - An HTML5 Rich-Text-Editor Toolbar. :sleeping:
simditor - An Easy and Fast WYSIWYG Editor. :sleeping:
Summernote - Super simple WYSIWYG editor.
Toast UI Editor - Markdown WYSIWYG Editor - Productive and Extensible. :sleepy:
Trumbowyg - A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip).

For Angular

Editors for your Angular-based project.

angular-froala-wysiwyg $ Non-Free - Angular 4 to Angular 9 bindings for Froala WYSIWYG Editor.
ckeditor4-angular - An official CKEditor 4 rich text editor component for Angular 2+.
ckeditor5-angular - An official CKEditor 5 rich text editor component for Angular 2+.
ngx-summernote - Summernote wysiwyg editor for Angular.
jodit-angular - Angular wrapper around Jodit to make it easier to use in a Angular.
ngx-quill - An Angular (>=2) component for the Quill Rich Text Editor.
textAngular - A radically powerful Text-Editor/Wysiwyg editor for Angular.js. :sleeping:
tinymce-angular - official Angular wrapper for TinyMCE.
ngx-wig - Angular WYSIWYG HTML Rich Text Editor (Inspired from Angular.js ngWig)
ngx-editor - Rich Text Editor for Angular using ProseMirror)

For React

Editors for your React-based project.

Alloy Editor - WYSIWYG editor based on CKEditor with completely rewritten UI.
bangle.dev - Higher level collection of ProseMirror components for building rich text editors.
BlockNote - Block-based editor based on ProseMirror and TipTap, meant to be easier to set up and learn.
ckeditor4-react - An official CKEditor 4 rich text editor component for React.
ckeditor5-react - An official CKEditor 5 rich text editor component for React.
Dante II - A complete rewrite of dante editor in draft-js. :sleeping:
Draft.js - A JavaScript rich text editor framework, built for React and backed by an immutable model. :sleeping:
jodit-react - React component for Jodit Editor.
lexical- An extensible text editor framework, successor to Draft.js by Meta.
megadraft - Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility
Plasmic - A WYSIWYG visual builder that lets you drag and drop React components.
Plate - The rich-text editor for React.
React Draft Wysiwyg - A Wysiwyg editor build on top of React and DraftJS.
react-froala-wysiwyg $ Non-Free - React component for Froala WYSIWYG HTML Rich Text Editor.
react-mobiledoc-editor - A Mobiledoc editor written with React and Mobiledoc-Kit. :sleeping:
react-quill - A Quill component for React. :sleeping:
react-rte - Pure React rich text "WYSISYG" editor based on draft-js. :sleeping:
react-simple-wysiwyg - Simple and lightweight React WYSIWYG editor
react-summernote - Summernote (Super simple WYSIWYG editor) adaptation for React. :sleeping:
react-trix - React wrapper for Basecamp's Trix editor.
Slate JS - A completely customizable framework.
suneditor-react - Pure React Component for SunEditor (Pure javascript based WYSIWYG html editor, with no dependencies).
tinymce-react - official React wrapper for TinyMCE.

For Vue

Editors for your Vue-based project.

umo-editor - Umo Editor is an open-source document editor, based on Vue3.
ckeditor4-vue - An official CKEditor 4 rich text editor component for Vue.
ckeditor5-vue - An official CKEditor 5 rich text editor component for Vue.
vue-froala-wysiwyg $ Non-Free - Vue component for Froala WYSIWYG HTML Rich Text Editor.
vue-html5-editor - An html5 wysiwyg editor for Vue. :sleeping:
vue-mobiledoc-editor - A mobiledoc editor component toolkit for Vue. :sleeping:
vue-wysiwyg - A lightweight WYSIWYG editor for Vue. :sleeping:
vue-ckeditor5 - CKEditor 5 for Vue. :sleeping:
Vue2Editor - A text editor using Vue and Quill. :sleeping:
tinymce-vue - official TinyMCE wrapper for Vue.
vue-trix - Simple and lightweight Trix editor component for Vue.
Everright-formEditor - A visual low code form editor based on vue3. It can create forms with simple operations through the GUI interface. It has a flexible interaction. The PC depends on element-plus while the mobile depends on vant. There is a set of adapters to convert parameters into ones that can be recognized by both element-plus and vant.

For Ruby

Editors for your Ruby-based project.

bootstrap-wysihtml5-rails - WYSIWYG editor for Bootstrap, integrated in Ruby on Rails assets pipeline. :sleeping:
bootsy - A beautiful wysiwyg editor with image upload for Rails. :sleeping:
ckeditor - Ckeditor integration gem for rails. :sleeping:
Mercury Editor - Mercury Editor: The Rails HTML5 WYSIWYG editor. :sleeping:
wysiwyg-rails $ Non-Free - Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.

WYSIWYG-alike

WYSIWYG-alike editors

EmojiOne Area - WYSIWYG-like EmojiOne Converter / Picker Plugin for jQuery. :sleeping:
GrapesJS - An open-source, multi-purpose, Web Builder Framework.
last-draft - A Draft.js editor using draft-js-plugins. :sleeping:
Ory editor - Next-gen, highly customizable content editor for the browser - based on React and Redux. WYSIWYG on steroids. :sleeping:
prosemirror - The ProseMirror WYSIWYM editor.
rich-textarea - A textarea component for React to colorize, highlight, decorate texts and offer autocomplete.
Sir Trevor - Rich content editing entirely re-imagined for the web. :sleeping:
woofmark - A modular, progressive, and beautiful Markdown and HTML editor. :sleeping:
ngx-wall - Extensible component based editor with fancy drag-and-drop experience. :sleeping: