Summernote - Super simple WYSIWYG editor

•    Javascript

---

Super simple WYSIWYG Editor. Summernote is a JavaScript library that helps you create WYSIWYG editors online. It saves images directly in the content of the field using base64 encoding, so you don't need to implement image handling at all. It also supports paste images from clipboard, Interactive WYSIWYG editing, Handy integration with server and lot more.

wysiwyg-editor wysiwyg editor rich-text-editor html-editor

summernote-rails - To gemify the summernote WYSIWYG editor for Rails >= 3.1

•    Ruby

---

This gem was built to package the assets used in Summernote, the Super Simple WYSIWYG Editor on Bootstrap, for Ruby on Rails version >= 3.1. The version of summernote-rails is matched with that of original summernote editor.

django-summernote - Simply integrate Summernote editor with Django project.

•    Javascript

---

Summernote is a simple WYSIWYG editor. django-summernote allows you to embed Summernote into Django very handy. Support admin mixins and widgets.

django summernote wysiwyg

Froala Editor - A beautifully designed WYSIWYG HTML Editor based on HTML5.

•    Javascript

---

A beautiful Javascript WYSIWYG HTML rich text editor. High performance and modern design make it easy to use for developers and loved by users.

wysiwyg wysiwyg-editor rich-text-editor froala wysiwyg-html-editor froala-editor froala-wysiwyg html text editor jquery-plugin rich-editor rte

angular-froala - Angular.js bindings for Froala WYSIWYG HTML Rich Text Editor.

•    Javascript

---

Angular.js bindings for Froala WYSIWYG HTML rich text editor

angular-wysiwyg rich-text-editor wysiwyg-editor wysiwyg-html-editor froala-editor angular.js froala html text editor wysisyg jquery-plugin rich-editor rte

SunEditor - Pure Javascript based WYSIWYG html editor, with no dependencies

•    Javascript

---

The Suneditor is a lightweight, flexible, customizable WYSIWYG text editor for your web applications. It has support to Embed images, Videos, Image resizing and rotation, Upload images to the server, Image gallery, Tables and lot more. It has support to use CodeMirror and KaTeX.

contenteditable vanilla-js rich-text-editor html-editor wysiwyg-editor nodependence wysiwyg wysiwyg-html-editor rich-text rich-editor html text editor vanillajs

jHtmlArea - WYSIWYG HTML Editor for jQuery

•    Javascript

---

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.

html-editor wysiwyg editor jhtmlarea textarea

vue-wysiwyg - A lightweight WYSIWYG HTML editor for Vue.js

•    Vue

---

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use. All keys are optional.

wysiwyg vue wysiwyg-editor wysiwyg-html-editor vue2 html editor

angular-summernote - AngularJS directive to Summernote

•    Javascript

---

angular-summernote is just a directive to bind summmernote's all features. You can use summernote with angular way. Since v0.7.x, the version of angular-summernote follows the version of summernote. So, angular-summernote v0.7.x are compatible with summernote v0.7.x and and angular-summernote v0.8.x will be compatible with summernote v0.8.x. Angular-summernote will match only major.minor with summernote. Therefore, angular-summernote v0.7.0 will be compatible with summernote v0.7.0, v0.7.1 and v0.7.2. Angular-summernote will release patch update, such as v0.7.1, if only angular-summernote has changed.

editor bootstrap wysiwyg angular angular.js

SCEditor - A lightweight HTML and BBCode WYSIWYG editor

•    Javascript

---

A lightweight WYSIWYG BBCode and XHTML editor. For a full list of options, see the options documentation.

sceditor wysiwyg-editor bbcode bbcode-editor html-editor wysiwyg editor contenteditable jquery-plugin ui ecosystem:jquery

Medium Editor - Medium.com WYSIWYG editor clone

•    Javascript

---

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution. MediumEditor has been written using vanilla JavaScript, no additional frameworks required.

medium-editor contenteditable editor rich-text-editor wysiwyg medium rich-text wysiwyg-editor html-editor

ContentTools - A beautiful & small content editor

•    Javascript

---

A JS library for building WYSIWYG editors for HTML content. It is one of a collection of libraries designed for building tools that make it easier to edit HTML content. It is framework agnostic, The library doesn't use any JavaScript frameworks (no JQuery) but plays nicely with any of them.

contenttools wysiwyg-editor wysiwyg inline html editor html-editor rich-text-editor

tui.editor - 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

•    TypeScript

---

TOAST UI Editor provides Markdown mode and WYSIWYG mode. Depending on the type of use you want like production of Markdown or maybe to just edit the Markdown. The TOAST UI Editor can be helpful for both the usage. It offers Markdown mode and WYSIWYG mode, which can be switched any point in time. Today CommonMark is the de-facto Markdown standard. GFM (GitHub Flavored Markdown) is another popular specification based on CommonMark - maintained by GitHub, which is the Markdown mostly used. TOAST UI Editor follows both CommonMark and GFM specifications. Write documents with ease using productive tools provided by TOAST UI Editor and you can easily open the produced document wherever the specifications are supported.

editor html markdown gfm chart documentation jquery-plugin frontend uml wysiwyg commonmark

Trix - A rich text editor for everyday writing

•    CoffeeScript

---

Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.

rich-text-editor wysiwyg-editor wysiwyg coffeescript custom-elements rich-text editor html-editor

TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

•    Javascript

---

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control. It has the world's most advanced rich text editor has all the features developers are looking for. It has support for Images, Image resize, Auto save, BBCode, Code, Color picker, Full screen, Spell checker, Media, Table, Table of contents, Word count, Visual Blocks and lot more.

html-editor wysiwyg-editor editor embedded contenteditable wysiwyg rich-text-editor content-editable

Aloha editor - HTML5 WYSIWYG Editor

•    Javascript

---

The most advanced browser based Editor lets you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented functionalities. Aloha Editor is designed to be the easiest to use, the fastest in editing and the best in its functions.

html-editor wysiwyg-editor embedded-editor editor

Aloha Editor - The HTML5 WYSIWYG Editor

•    Javascript

---

Aloha Editor is a JavaScript library that replaces ContentEditable with a new way to do content editing. Based on the principle of "What you see is what you get", the HTML5 editor makes it possible to edit websites directly on the portal. Fast, uncomplicated editing of videos, photos, graphics, animation and text is daily business with Aloha Editor.

wysiwyg wysiwyg-editor rich-text-editor html-editor html5

CKEditor - The best browser-based WYSIWYG editor

•    Javascript

---

CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. It's an editor to be used inside web pages.

html-editor wysiwyg-editor editor embedded

simplemde-markdown-editor - A simple, beautiful, and embeddable JavaScript Markdown editor

•    Javascript

---

A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. SimpleMDE is one of the first editors to feature both built-in autosaving and spell checking. WYSIWYG editors that produce HTML are often complex and buggy. Markdown solves this problem in many ways, plus Markdown can be rendered natively on more platforms than HTML. However, Markdown is not a syntax that an average user will be familiar with, nor is it visually clear while editing. In otherwords, for an unfamiliar user, the syntax they write will make little sense until they click the preview button. SimpleMDE has been designed to bridge this gap for non-technical users who are less familiar with or just learning Markdown syntax.

embeddable markdown editor wysiwyg

Xinha - The Community-built Open Source Online HTML Editor

•    Javascript

---

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its makes it an ideal candidate for integration into any kind of project.

html-editor wysiwyg-editor editor embedded