A curated list of awesome WYSIWYG editors.
English | 简体中文
WYSIWYG Editors that can be use without dependecy to other libraries or frameworks.
- 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.
- 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.
- Jodit - Rich HTML WYSIWYG Editor and FileBrowser.
- Medium Editor - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
- Medium.js - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor).
- Mobiledoc Kit - A toolkit for building WYSIWYG editors with Mobiledoc.
- Pell - The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies.
- Pen Editor - Enjoy live editing (+markdown).
- Quill - A modern rich text editor built for compatibility and extensibility.
- Scribe - A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults.
- Slate - A completely customizable framework for building rich text editors.
- 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.
- 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.
- UEditor - UEditor is a WYSIWYG rich web editor developed by Baidu fex-team. It is lightweight, customizable, and user-oriented.
- wangEditor - A lightweight rich text editor, friendly API and use extremely conventient.
- wysihtml - Open source rich text editor for the modern web.
JQuery required editors
- bootstrap-wysiwyg - Tiny bootstrap-compatible WYSIWYG rich text editor.
- Dante Editor - Just another Medium wysiwyg editor clone.
- Easyeditor - Very lightweight and highly configurable rich text html editor.
- jQuery-Notebook - A modern, simple and elegant WYSIWYG rich text editor.
- popline - An HTML5 Rich-Text-Editor Toolbar.
- simditor - An Easy and Fast WYSIWYG Editor.
- Summernote - Super simple WYSIWYG editor.
- Toast UI Editor - Markdown WYSIWYG Editor - Productive and Extensible.
- Trumbowyg - A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip).
Editors for your angular-based project.
- angular-froala
$ Non-Free
- Angular.js bindings for Froala WYSIWYG HTML Rich Text 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.
- ng-quill - AngularJS Component for Quill rich text editor.
- ngx-quill - An angular (>=2) component for the Quill Rich Text Editor.
- textAngular - A radically powerful Text-Editor/Wysiwyg editor for Angular.js.
- tinymce-angular - official Angular wrapper for TinyMCE.
- ngx-wig - Angular WYSIWYG HTML Rich Text Editor (Inspired from AngularJS ngWig)
- ngx-editor - Rich Text Editor for angular using ProseMirror)
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.
- 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.
- Draft.js - A JavaScript rich text editor framework, built for React and backed by an immutable model.
- jodit-react - React component for Jodit Editor.
- Plasmic - A WYSIWYG visual builder that lets you drag and drop React components.
- React Draft Wysiwyg - A Wysiwyg editor build on top of ReactJS 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.
- react-quill - A Quill component for React.
- react-rte - Pure React rich text "WYSISYG" editor based on draft-js.
- react-summernote - Summernote (Super simple WYSIWYG editor) adaptation for react.
- 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.
Editors for your vue-based project.
- ckeditor4-vue - An official CKEditor 4 rich text editor component for Vue.js.
- ckeditor5-vue - An official CKEditor 5 rich text editor component for Vue.js.
- vue-froala-wysiwyg
$ Non-Free
- Vue component for Froala WYSIWYG HTML Rich Text Editor. - vue-html5-editor - An html5 wysiwyg editor for vue.
- vue-mobiledoc-editor - A mobiledoc editor component toolkit for Vuejs.
- vue-wysiwyg - A lightweight WYSIWYG editor for Vue.js.
- vue-ckeditor5 - CKEditor 5 for vue.
- Vue2Editor - A text editor using Vue.js and Quill.
- tinymce-vue - official TinyMCE wrapper for Vue.
- vue-trix - Simple and lightweight Trix editor component for Vue.js.
Editors for your ruby-based project.
- bootstrap-wysihtml5-rails - WYSIWYG editor for Bootstrap, integrated in Rails assets pipeline.
- bootsy - A beautiful wysiwyg editor with image upload for Rails.
- ckeditor - Ckeditor integration gem for rails.
- Mercury Editor - Mercury Editor: The Rails HTML5 WYSIWYG editor.
- wysiwyg-rails
$ Non-Free
- Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.
WYSIWYG-alike editors
- EmojiOne Area - WYSIWYG-like EmojiOne Converter / Picker Plugin for jQuery.
- GrapesJS - An open-source, multi-purpose, Web Builder Framework.
- last-draft - A Draft.js editor using draft-js-plugins.
- Ory editor - Next-gen, highly customizable content editor for the browser - based on React and Redux. WYSIWYG on steroids.
- prosemirror - The ProseMirror WYSIWYM editor.
- Sir Trevor - Rich content editing entirely re-imagined for the web.
- woofmark - A modular, progressive, and beautiful Markdown and HTML editor.
- ngx-wall - Extensible component based editor with fancy drag-and-drop experience.
Contributions welcome! Read the contribution guidelines first.
To the extent possible under law, Jeferson Mari has waived all copyright (2021) and related or neighboring rights to this work.