Awesome WYSIWYG EDITORS

A curated list of awesome WYSIWYG editors.

English | 简体中文

Contents

• 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:

Icons

:sleepy: no updates for 1 year :sleeping: no updates for 2 years

Contribute

Contributions welcome! Read the contribution guidelines first.

License

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