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

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.

medium-editor contenteditable editor rich-text-editor wysiwyg medium rich-text wysiwyg-editor html-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

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

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

TinyMCE - The JavaScript Rich Text editor

•    Javascript

---

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate.

html-editor wysiwyg-editor editor embedded

jquery-notebook - A modern, simple and elegant WYSIWYG rich text editor.

•    Javascript

---

A modern, simple and elegant WYSIWYG rich text editor.

wysiwyg-editor rich-text-editor html-editor

Editor.js - A block-styled editor with clean JSON output

•    Typescript

---

Editor.js is a Block-Styled editor. Blocks are structural units, of which the Entry is composed. For example, Paragraph, Heading, Image, Video, List are Blocks. Each Block is represented by Plugin. We have many ready-to-use Plugins and a simple API for creating new ones. Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block.

editor wysiwyg redactor codex-editor wysiwyg-editor

bootstrap-wysiwyg - Tiny bootstrap-compatible WYSIWYG rich text editor

•    HTML

---

A tiny Bootstrap and jQuery based WYSIWYG rich text editor based on the browser function execCommand. This project was originally built for MindMup and has now been adapted and modified to suit a wide range of projects.

css js responsive front-end web wysiwyg editor