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

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

Slate - A completely customizable framework for building rich text editors

•    Javascript

---

Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill.

editor react rich-text framework slate text-editor wysiwyg wysiwyg-editor rich-text-editor

medium-draft - A medium like Rich Text Editor built on draft-js with a focus on keyboard shortcuts

•    Javascript

---

A medium like rich text editor built upon draft-js with an emphasis on eliminating mouse usage by adding relevant keyboard shortcuts.

draft-js rich-text-editor medium-editor editor rich-editor text-editor medium wysiwyg

react-lz-editor - A multilingual react rich-text editor component includes media support such as texts, images, videos, audios, links etc

•    Javascript

---

An open source react rich-text editor ( mordern react editor includes media support such as texts, images, videos, audios, links etc. ), development based on Draft-Js and Ant-design, good support html, markdown, draft-raw mode. It's supports multiple languages well and welcome you add your language supports. Disabled media insert feature on demo page, because of there was no online API support for the time being, here is The server side API demo in java you may want.

react-editor draft-js ant-design react-lz-editor web-editor text-editor antd-editor draftjs react-rich-editor react-text-editor contenteditable richtext editor

Medium.js - A tiny JavaScript library for making contenteditable beautiful (Like Medium's editor)

•    Javascript

---

Medium.js keeps HTML code within contenteditable semantic, simple, and clean. Medium.js also supports placeholders, automatic HR (or BR, or P) creation, events, hotkeys, simple & complex element injection, and more!

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

Hallo - Simple rich text editor (contentEditable) for jQuery UI

•    CoffeeScript

---

Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.The widget has been written as a simple and liberally licensed editor. It doesn't aim to replace popular editors like Aloha, but instead to provide a simpler and more reusable option.

rich-text-editor jquery-ui wysiwyg-editor wysiwyg text-editor html-editor markdown

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

react-medium-editor - React wrapper for medium-editor

•    Javascript

---

React wrapper for medium-editor

react react-component medium editor wysiwyg-editor wysiwyg text-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

pell - The simplest and smallest WYSIWYG text editor for web, with no dependencies

•    Javascript

---

pell is the he simplest and smallest WYSIWYG text editor for web, with no dependencies. It can be easily customizable with the sass file (pell.scss) or overwrite the CSS.

contenteditable editor rich-text-editor text-editing text-editor wysiwyg wysiwyg-editor rich-text

ProseMirror- A toolkit for building rich-text editors on the web

•    Javascript

---

ProseMirror is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors.

editor text-editor rich-text-editor wysiwyg wysiwyg-editor colloborative-editor

megadraft - Megadraft is a Rich Text editor built on top of Facebook's Draft

•    Javascript

---

Rich Text editor built on top of draft.js

react megadraft rich-text-editor contenteditable draft-js reactjs editor draftjs richtext react-component wysiwyg-editor wysiwyg text-editor

actiontext - Edit and display rich text in Rails applications

•    Ruby

---

Action Text brings rich text content and editing to Rails. It includes the Trix editor that handles everything from formatting to links to quotes to lists to embedded images and galleries. The rich text content generated by the Trix editor is saved in its own RichText model that's associated with any existing Active Record model in the application. Any embedded images (or other attachments) are automatically stored using Active Storage and associated with the included RichText model. Most WYSIWYG editors are wrappers around HTML’s contenteditable and execCommand APIs, designed by Microsoft to support live editing of web pages in Internet Explorer 5.5, and eventually reverse-engineered and copied by other browsers.

ckeditor5 - Development environment for CKEditor 5 – the best browser-based rich text editor.

•    Javascript

---

A set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind. CKEditor 5 is distributed as four ready-to-use builds which you can install from npm.

ckeditor5 ckeditor rte contenteditable wysiwyg rich-text-editor wysiwyg-editor ckeditor-5 rich-text editor html editing operational-transformation ot collaboration collaborative real-time framework

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 medium medium-editor

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

ckeditor4 - The best enterprise-grade WYSIWYG editor

•    Rich

---

This repository contains the development version of CKEditor 4. Attention: The code in this repository should be used locally and for development purposes only. We do not recommend using it in production environment because the user experience will be very limited. For that purpose, you should either build the editor (see below) or use an official release available on the CKEditor website.

ckeditor4 ckeditor rich-text-editor wysiwyg html-editor contenteditable rte fckeditor editor html richtext text

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