Awesome WYSIWYG

A curated list of awesome WYSIWYG editors.

English |

Contents

• Standalone
• JQuery Based
• For Angular
• For React
• For Vue
• For Ruby
• WYSIWYG-alike

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.
• 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.
• 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).
• Milkdown - Plugin driven WYSIWYG markdown editor framework.
• 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 - Deprecated A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults.
• 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 Based

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).

For Angular

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)

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.
• 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.
• [Outline's rich-markdown-editr]. WYSIWYG editor that outputs plain Markdown. To be archived.
• 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.

For Vue

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.

For Ruby

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

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.
• 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.
• woofmark - A modular, progressive, and beautiful Markdown and HTML editor.
• ngx-wall - Extensible component based editor with fancy drag-and-drop experience.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Jeferson Mari has waived all copyright (2021) and related or neighboring rights to this work.