Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rajr5/awesome-wysiwyg

A curated list of awesome WYSIWYG editors.
https://github.com/rajr5/awesome-wysiwyg

List: awesome-wysiwyg

Last synced: 3 months ago
JSON representation

A curated list of awesome WYSIWYG editors.

Awesome Lists containing this project

README 

        
# Awesome WYSIWYG [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)  [![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)



> A curated list of awesome WYSIWYG editors.



## Contents

- [Standalone](#standalone)

- [JQuery Based](#jquery-based)

- [For Angular](#for-angular)

- [For React](#for-react)

- [For Vue](#for-vue)

- [For Ruby](#for-ruby)

- [WYSIWYG-alike](#wysiwyg-alike)



## Standalone



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



- [Aloha Editor](https://github.com/alohaeditor/Aloha-Editor) - Aloha Editor is a JavaScript content editing library.

- [CKEditor 4](https://github.com/ckeditor/ckeditor-dev) - Battle-tested WYSIWYG HTML editor.

- [CKEditor 5](https://github.com/ckeditor/ckeditor5) - A set of ready to use rich text editors created with a powerful framework.

- [Content Tools](https://github.com/GetmeUK/ContentTools) - A JS library for building WYSIWYG editors for HTML content.

- [Etherpad](https://github.com/ether/etherpad-lite) - Etherpad: Really real-time collaborative document editing.

- [grande.js](https://github.com/mduvall/grande.js) - It's a Medium at Starbucks. Pinky ring out.

- [Jodit](https://github.com/xdan/jodit) - Rich HTML WYSIWYG Editor and FileBrowser.

- [Medium Editor](https://github.com/yabwe/medium-editor) - Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

- [Medium.js](https://github.com/jakiestfu/Medium.js) - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor).

- [Mobiledoc Kit](https://github.com/bustlelabs/mobiledoc-kit) - A toolkit for building WYSIWYG editors with Mobiledoc.

- [Pell](https://github.com/jaredreich/pell) - The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies.

- [Pen Editor](https://github.com/sofish/pen) - Enjoy live editing (+markdown).

- [Quill](https://github.com/quilljs/quill) - A modern rich text editor built for compatibility and extensibility.

- [Squire](https://github.com/neilj/Squire) - An HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.

- [Scribe](https://github.com/guardian/scribe) - A rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults.

- [Substance](https://github.com/substance/substance) - A JavaScript library for web-based content editing.

- [SunEditor](https://github.com/JiHong88/SunEditor) - Pure javascript based WYSIWYG html editor, with no dependencies.

- [TinyMCE](https://github.com/tinymce/tinymce) - A JavaScript library for platform independent 'WYSIWYG' or rich text editing.

- [Trix](https://github.com/basecamp/trix) - A rich text editor for everyday writing.

- [wysihtml](https://github.com/Voog/wysihtml) - Open source rich text editor for the modern web.

- [Tui Editor](http://ui.toast.com/tui-editor) - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

- [UEditor](https://github.com/fex-team/ueditor) - UEditor is a WYSIWYG rich web editor developed by Baidu fex-team. It is lightweight, customizable, and user-oriented.



## JQuery Based



JQuery required editors



- [bootstrap-wysiwyg](https://github.com/steveathon/bootstrap-wysiwyg) - Tiny bootstrap-compatible WYSIWYG rich text editor.

- [Dante Editor](https://github.com/michelson/Dante) - Just another Medium wysiwyg editor clone.

- [Easyeditor](https://github.com/im4aLL/easyeditor) - Very lightweight and highly configurable rich text html editor.

- [Froala Editor](https://github.com/froala/wysiwyg-editor) - A beautifuly designed jQuery WYSIWYG Rich Text Editor based on HTML5.

- [jQuery-Notebook](https://github.com/raphaelcruzeiro/jquery-notebook) - A modern, simple and elegant WYSIWYG rich text editor.

- [popline](https://github.com/kenshin54/popline) - An HTML5 Rich-Text-Editor Toolbar.

- [simditor](https://github.com/mycolorway/simditor) - An Easy and Fast WYSIWYG Editor.

- [Summernote](https://github.com/summernote/summernote) - Super simple WYSIWYG editor.

- [Toast UI Editor](https://github.com/nhnent/tui.editor) - Markdown WYSIWYG Editor - Productive and Extensible.

- [Trumbowyg](https://github.com/Alex-D/Trumbowyg) - A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip).



## For Angular



Editors for your angular-based project.



- [angular-froala](https://github.com/froala/angular-froala) - Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor. 

- [ckeditor5-angular](https://github.com/ckeditor/ckeditor5-angular) - An official CKEditor 5 rich text editor component for Angular 2+.

-  [ngx-summernote](https://github.com/lula/ngx-summernote) - Summernote wysiwyg editor for Angular.

- [jodit-angular](https://github.com/jodit/jodit-angular) - Angular wrapper around Jodit to make it easier to use in a Angular.

- [ng-quill](https://github.com/KillerCodeMonkey/ng-quill) - AngularJS Component for Quill rich text editor.

- [ngx-quill](https://github.com/KillerCodeMonkey/ngx-quill) - An angular (>=2) component for the Quill Rich Text Editor.

- [textAngular](https://github.com/textAngular/textAngular) - A radically powerful Text-Editor/Wysiwyg editor for Angular.js.

- [tinymce-angular](https://github.com/tinymce/tinymce-angular) - official Angular wrapper for TinyMCE.



## For React



Editors for your react-based project.



- [Alloy Editor](https://github.com/liferay/alloy-editor/) - WYSIWYG editor based on CKEditor with completely rewritten UI.

- [ckeditor5-react](https://github.com/ckeditor/ckeditor5-react) - An official CKEditor 5 rich text editor component for React.

- [Dante II](https://github.com/michelson/dante2) - A complete rewrite of dante editor in draft-js.

- [Draft.js](https://github.com/facebook/draft-js) - A JavaScript rich text editor framework, built for React and backed by an immutable model.

- [jodit-react](https://github.com/jodit/jodit-react) - React component for Jodit Editor.

- [React Draft Wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - A Wysiwyg editor build on top of ReactJS and DraftJS.

- [react-froala-wysiwyg](https://github.com/froala/react-froala-wysiwyg) - React component for Froala WYSIWYG HTML Rich Text Editor.

- [react-mobiledoc-editor](https://github.com/upworthy/react-mobiledoc-editor) - A Mobiledoc editor written with React and Mobiledoc-Kit.

- [react-quill](https://github.com/zenoamaro/react-quill) - A Quill component for React.

- [react-rte](https://github.com/sstur/react-rte) - Pure React rich text "WYSISYG" editor based on draft-js.

- [react-summernote](https://github.com/Vnkitaev/react-summernote) - Summernote (Super simple WYSIWYG editor) adaptation for react.

- [react-trix](https://github.com/dstpierre/react-trix) - React wrapper for Basecamp's Trix editor.

- [Slate JS](https://github.com/ianstormtaylor/slate) - A completely customizable framework.

- [suneditor-react](https://github.com/mkhstar/suneditor-react) - Pure React Component for SunEditor (Pure javascript based WYSIWYG html editor, with no dependencies).

- [tinymce-react](https://github.com/tinymce/tinymce-react) - official React wrapper for TinyMCE.



## For Vue



Editors for your vue-based project.



- [ckeditor5-vue](https://github.com/ckeditor/ckeditor5-vue) - An official CKEditor 5 rich text editor component for Vue.js.

- [vue-froala-wysiwyg](https://github.com/froala/vue-froala-wysiwyg) - Vue component for Froala WYSIWYG HTML Rich Text Editor.

- [vue-html5-editor](https://github.com/PeakTai/vue-html5-editor) - An html5 wysiwyg editor for vue.

- [vue-mobiledoc-editor](https://github.com/alidcastano/vue-mobiledoc-editor) - A mobiledoc editor component toolkit for Vuejs.

- [vue-wysiwyg](https://github.com/chmln/vue-wysiwyg) - A lightweight WYSIWYG editor for Vue.js.

- [vue-ckeditor5](https://github.com/igorxut/vue-ckeditor5) - CKEditor 5 for vue.

- [Vue2Editor](https://github.com/davidroyer/vue2-editor) - A text editor using Vue.js and Quill.

- [tinymce-vue](https://github.com/tinymce/tinymce-vue) - official TinyMCE wrapper for Vue.

- [tiptap](https://github.com/heyscrumpy/tiptap) - A renderless and extendable rich-text editor for Vue.js.



## For Ruby



Editors for your ruby-based project.



- [bootstrap-wysihtml5-rails](https://github.com/Nerian/bootstrap-wysihtml5-rails) - WYSIWYG editor for Bootstrap, integrated in Rails assets pipeline.

- [bootsy](https://github.com/volmer/bootsy) - A beautiful wysiwyg editor with image upload for Rails.

- [ckeditor](https://github.com/galetahub/ckeditor) - Ckeditor integration gem for rails.

- [Mercury Editor](https://github.com/jejacks0n/mercury/) - Mercury Editor: The Rails HTML5 WYSIWYG editor.

- [wysiwyg-rails](https://github.com/froala/wysiwyg-rails) - Ruby gem for Froala jQuery WYSIWYG HTML Rich Text Editor.



## WYSIWYG-alike



WYSIWYG-alike editors



- [EmojiOne Area](https://github.com/mervick/emojionearea) - WYSIWYG-like EmojiOne Converter / Picker Plugin for jQuery.

- [GrapesJS](https://github.com/artf/grapesjs) - An open-source, multi-purpose, Web Builder Framework.

- [last-draft](https://github.com/vacenz/last-draft) - A Draft.js editor using draft-js-plugins.

- [Ory editor](https://github.com/ory/editor) - Next-gen, highly customizable content editor for the browser - based on React and Redux. WYSIWYG on steroids.

- [prosemirror](https://github.com/ProseMirror/prosemirror) - The ProseMirror WYSIWYM editor.

- [Sir Trevor](https://github.com/madebymany/sir-trevor-js) - Rich content editing entirely re-imagined for the web.

- [woofmark](https://github.com/bevacqua/woofmark) - A modular, progressive, and beautiful Markdown and HTML editor.

- [ngx-wall](https://github.com/vm-mishchenko/ngx-wall) - Extensible component based editor with fancy drag-and-drop experience.



## Contribute



Contributions welcome! Read the [contribution guidelines](contributing.md) first.



## License



[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](http://creativecommons.org/publicdomain/zero/1.0)



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