JavaScript Editors

Welcome to Brackets! Brackets is a modern open-source code editor for HTML, CSS and JavaScript that's built in HTML, CSS and JavaScript. What makes Brackets different from other web code editors? Tools shouldn't get in your

 33.7k

Quill Rich Text Editor Quill is a modern rich text editor built for compatibility and extensibility. It was created by Jason Chen and Byron Milligan and open sourced by Salesforce.com. To get started, check out the Quill webs

 31.7k

Quill Rich Text Editor Quill is a modern rich text editor built for compatibility and extensibility. It was created by Jason Chen and Byron Milligan and open sourced by Salesforce.com. To get started, check out the Quill webs

 31.7k
Microsoft
A browser based code editor

Microsoft/monaco-editor

Monaco Editor The Monaco Editor is the code editor which powers VS Code, with the features better described here. Please note that this repository contains no source code for the code editor, it only contains the scripts to pa

 27.7k
CodeMirror
In-browser code editor

codemirror/CodeMirror

CodeMirror CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 100 language modes and various addons that implement more advanced editing fu

 24.2k

Ace (Ajax.org Cloud9 Editor) Note: The new site at http://ace.c9.io contains all the info below along with an embedding guide and all the other resour

 23.8k

A completely customizable framework for building rich text editors. Why? · Principles · Demo · Examples · Plugins · Documentation · Contributing! Slate lets you build rich, intuitive editors like those in Medium, Dropbox Pa

 23.3k

Trix A Rich Text Editor for Everyday Writing Compose beautifully formatted text in your web application. Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps a

 16.6k

If you would be interested in helping to maintain one of the most successful WYSIWYG text editors on github, let us know! (See issue #1503) MediumEditor This is a clone of medium.com inline editor toolbar. MediumEditor has be

 15.4k

tiptap A renderless and extendable rich-text editor for Vue.js Why I built tiptap I was looking for a text editor for Vue.js and found some solutions that didn't really satisfy me. The editor should be easy to ex

 13.9k

wangEditor - A lightweight rich text editor, friendly API and use extremely conventient.

 12.8k

A real-time collaborative editor for the web About Etherpad is a real-time collaborative editor scalable to thousands of simultaneous real time users. It provides full data export capabilities, and runs on your ser

 12.1k

pell is the simplest and smallest (5kB) WYSIWYG text editor for web, with no dependencies Live demo: https://jaredreich.com/pell Comparisons (minified) Library Size (minified) jQuery Bootstrap

 11.7k
Summernote
Super simple WYSIWYG editor

summernote/summernote

Summernote Super simple WYSIWYG Editor. Summernote Summernote is a JavaScript library that helps you create WYSIWYG editors online. Home page: https://summernote.org Why Summernote? Summernote has a f

 10.5k

Blockly Google's Blockly is a library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to

 9.8k

Overleaf is an open-source online real-time web-based collaborative LaTeX editor

 9.4k

JSON Editor JSON Editor is a web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor. The editor can be used as a component in your own web

 9.2k

ORY is a company building and maintaining developer tools for a safer, more accessible web. You might also like our other Open Source projects! The ORY Editor is a smart, extensible and modern editor ("WYSIWYG") for the

 8.7k

Attention: GitHub has decided not to move forward with any aspect of this project. We'll archive the repository in case anybody finds value here, but we don't expect to actively work on this in the foreseeable future. Thanks to everyone for

 8.6k

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

 6.6k

Gitpod - One-Click Online IDE for GitHub Gitpod provides instant dev environments for any GitHub project in your browser. Simply prefix any GitHub URL with gitpod.io/#. How to use Gitpod? You can use Git

 6.5k

(H5编辑器)H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发.

 5.9k
null
The ProseMirror WYSIWYM editor

ProseMirror/prosemirror

prosemirror [ WEBSITE | ISSUES | FORUM | GITTER ] ProseMirror is a well-behaved rich semantic content editor based on contentEditable, with support for collaborative editing and custom document schemas. The ProseMirror library

 5.7k

CKEditor 4 - The best browser-based WYSIWYG editor This repository contains the development version of CKEditor. Attention: The code in this repository should be used locally and for development purposes only. We do not recomm

 5.5k

CKEditor 5 A set of ready-to-use rich text editors created with a powerful framework. Made with real-time collaborative editing in mind. Table of contents Quick start CKEditor 5 Builds CKEdi

 5.5k

Simditor is a browser-based WYSIWYG text editor. It is used by Tower -- a popular project management web application. Supported Browsers: IE10+、Chrome、Firefox、Safari. Download Zip Install with npm: $ npm install simditor Install

 4.9k

​ Froala Editor Froala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever. Slim - only add the plugins that you need (30+ official plugins) Client frameworks integrations Server side SDK

 4.8k

This repository is now maintained as JoyPixels/emoji-toolkit. You'll find the latest version of our resources at emoji-toolkit. Please see the UPGRADE README for important information on what's changed from this repository. Thank

 4.5k

Squire Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation in a flexible lightweight package (only 16.5KB of JS a

 4.3k
James Hollingworth
Simple, beautiful wysiwyg editor

jhollingworth/bootstrap-wysihtml5

This repo is no longer maintained. bootstrap3-wysiwyg is much better Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create

 4.2k

Moeditor Your all-purpose markdown editor. Built with Electron. Discuss on Telegram: https://t.me/Moeditor and help me work on the new version! Visit our homepage or download releases. Features GitHub Flavored M

 4k

♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。

 4k

Supporting Trumbowyg Trumbowyg is an MIT-licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable

 3.7k

CSS Working Group Specifications This is the official CSSWG repository for editor's drafts of CSS specifications. See the contributor guidelines for h

 3.2k

Mercury Editor Mercury Editor is a fully featured editor much like TinyMCE or CKEditor, but with a different usage paradigm. It expects that an entire

 2.6k

Readme.so is an online editor to help developers make readmes for their project.

 2.4k

Aloha Editor - The HTML5 WYSIWYG Editor New Documentation We're currently writing new new guides. You can find these at /doc/guides/output and on our

 2.4k

Vue2Editor An easy-to-use but yet powerful and customizable rich text editor powered by Quill.js and Vue.js View Docs ? Release Notes Install You can use Yarn or NPM npm install

 2.3k

TinyEditor Usage Paste the following code into your browser address bar: data:text/html,<body oninput="i.srcdoc=h.value+'<style>'+c.value+'</style><script>'+j.value+'</script>'"><style

 2.3k

CodeMirror 6 prototype This is the prototype of the next version of CodeMirror, a complete rewrite. Eventually, the content of this repository will move into different packages. For now, to reduce friction during development, it

 1.9k

Notepadqq Links What is it? Build it yourself Download it What is it? Notepadqq is a text editor designed by developers, for developers. Please visit

 1.8k

jQuery-Notebook A simple, clean and elegant WYSIWYG rich text editor for web aplications Note: Check out the fully functional demo and examples here.

 1.7k
Jared Forsyth
Powerful Tree Editor

jaredly/treed

Treed A Powerful Tree Editing Component Treed wants to be for tree editing what ace is for text editing. Extensible, customizable, powerful, and just plain easy to use. Perhaps that's a little ambitious, but that's the idea.

 1.7k

SwiftLaTeX (At alpha stage! Developers are working hard on it.) One-liner introduction for SwiftLaTeX SwiftLaTeX, a WYSIWYG WebAssembly-powered LaTeX Editor. What are the differences to Overleaf or ShareLa

 1.7k

Mobiledoc Kit Mobiledoc Kit is a framework-agnostic library for building WYSIWYG editors supporting rich content via cards. Libraries This repository hosts the core Mobiledoc Kit library. If you want to use M

 1.5k

Help develops build a scalable website visualization builder.

 1.2k

A javascript/node.js scratchpad. Download the latest release here. DESCRIPTION This is just a simple editor that evaluates your source text as you type. It's electron, so you have the node and browser APIs. HOW IT

 1.2k

popline Popline is a non-intrusive WYSIWYG editor that shows up only after selecting a piece of text on the page, inspired by popclip. Usage Load jQue

 1k

Standalone HTML samples showing how to integrate the Monaco Editor.

 1k
Andrey Izman
Emoji Picker Plugin for jQuery

mervick/emojionearea

EmojioneArea EmojioneArea is a small jQuery plugin that allows you to transform any html element into simple WYSIWYG editor with ability to use Emojione icons. The end result is a secure text/plain in which the image icons will b

 891
null
Simple, beautiful wysiwyg editor

bootstrap-wysiwyg/bootstrap3-wysiwyg

Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap. About this fork This fork provides the same function

 838

Pure javascript based WYSIWYG html editor, with no dependencies.

 823

ok-mdx Browser-based MDX editor npm i -g ok-mdx mkdir docs touch docs/hello.mdx mdx docs --open Quickly prototype with React components Zero configuration Mix markdown with JSX Live edit and

 714

Conclave: Collaborate in private No Longer Maintained Conclave was made for fun and educational purposes but it is no longer actively maintained. The creators have since moved onto other projects and work. It will re

 643

Rooster Rooster is a framework-independent JavaScript rich-text editor neatly nested inside one HTML <div> element. Editing operations performed by end users are handled in simple ways to generate the final HTML. To view

 536

Changes in Version 3: Dropped jQuery dependency CSS3 transitions if possible Dropped support for IE 6-8, Safari 3.1-5 Improved suggestions, e.g. '@username' Simplified button API New markup, see example: http://wy

 532

A web only WYSIWYG note taking app that saves notes locally in markdown format.

 526

e Braindead editor. Feels like Vim, only simpler. Inspired by kilo, of course, and a large swath of the code is similar. It can be scripted through Lua. Features Scripting through intuitive Lua interface Incre

 444

CodeSwing is an interactive coding environment for VS Code, that allows you to build/explore/learn rich web applications ("swings"). It's like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but available directly from your highly-personalized editor: themes, keybindings, and extensions...oh my

 414

JSON Browse Browse, filter and manipulate your JSON inside the browser. Fetch local and external JSON or paste local code Filter JSON like you would filter JS objects in the browser (e.g. data.values[1].message) Copy fi

 367
Simon Babay
Angular2 CKEditor component

chymz/ng2-ckeditor

Angular - CKEditor component Use the CKEditor (4.x) wysiwyg in your Angular (v2 and v4) application. Demo : https://embed.plnkr.co/hnB0R3/ Installation Include CKEditor javascript files in your application : &l

 366
Shashwat Singh
Simple PDF text editor

shashanoid/Simpdf

Simple pdf editor while preserving structure and format.

 291

A collaborative Whiteboard powered by the [Matrix] protocol and infrastructure.

 283

Notabase is a personal knowledge base for networked thinking.

 270

Kirby Editor Kirby Editor is a new visual writing and layout field for Kirby. Compose long-form text with consistent inline styles. Add images, videos, quotes and more. Bring your own block types and always rest assured that the

 205

What is nsedit? nsedit is a DNS editor for PowerDNS. It is created to finally replace poweradmin and take DNS editing to what we're used at in 2014. I

 183

Developed with ❤︎ by gsilvamartin and contributors About RTCode RTCode is a web application to share real time code with multiple connected users. RTCode takes the pain out of group development, avoiding problems

 175
Dang Van Thanh
CKEditor 4 wrapper by Vue.js

dangvanthanh/vue-ckeditor2

vue-ckeditor Ckeditor using for Vue.js 2 Requirements Ckeditor >= 4 Vue.js >= 2 Install CDN <script src="https://unpkg.com/vue-ckeditor2"></script>

 173

An open-source text editor that helps you focus on what matters.

 172

Copenhagen is a free, lightweight and hackable open source code editor for the web. It's responsible for powering the code-editing experience on Autocode, and it's written entirely in vanilla JavaScript with only highlight.js and feather icons bundled as dependencies.

 168

Offline PDF editor. Add images, drawing, text to PDF in your browser. ?

 164
Paco
plain text editor

pacocoursey/writer

writer Plain text editor from scratch, made for the web. Drag and drop files to open them. Architecture Buffer is an array of array of lines Text is m

 160

flow-view is a visual editor for Dataflow programming Installation | API | Graph schema | Examples | License Installation Using npm With npm do npm install flow-view Using a

 159

A globs-based vector editor.

 133

LineControl Editor LineControl allows you to add a beautiful, responsive and fast online Text Editor to your web application/site. LineControl is designed to work with Twitter Bootstrap and as a Jquery Plugin. To add the plugin t

 116

EXPERIMENTAL p2p collaborative document editing, built on hypermerge. Besides basic collaborative editing, you can also see peer names, cursors, and text selections. Usage Clone this repo npm install npm run compile

 101

deepnotes-editor is the editor used in deepnotes.in. It's a clone of the workflowy.com editor written in draft-js. deepnotes-editor can be used as a r

 98

What does it do? sequential shows JavaScript code execution var i=5/4; i++; console.log(i); // > 2.25 live example What is it for ? The purpose of sequential is to provide an environment to show JavaScript c

 75

PenEditor is a simple HTML / CSS / JS code editor, works online in real-time, and out of the box! PenEditor.js is an open-source online HTML / CSS / JavaScript code editor (Code Playground) inspired by Codepen.io.

 59

Omnino is a windowing system for web applications, inspired by the Acme text editor.

 57

Panagram.js Panagram.js is an extra small (2kb) rich text editor build in pure JavaScript, with no dependencies. Live Demo: https://panagram.herokuapp.com/ Setup Enabling Panagram.js is very easy, you just need to fo

 54

mini editable, customizable playground for web Documentation » Hi This is minibed! - mini editable, customizable playground for web Features Free & Open Source Live Edit

 40

myConsole A JavaScript editor for you phone, in JavaScript. A live version of it is hosted here. You can add it to your phone as an app, if you want to; just click menu / add to your homescreen. The code you're seeing in the

 40

Fonio is a a collaborative scholarly text editor allowing to build high quality static websites, using the architecture of websites to structure arguments, and the possibility to feature an extensible array of resources such as bibliographic references, images, tables, videos, and interactive elements.

 40

? Heappy: a happy heap editor Heappy is an editor based on gdb/gef that helps you to handle the heap during your exploitation development. The projec

 40

Octophus Live load and edit files from a remote repo on GitHub in atom. Simple and fast! Installation apm install octophus or Search foroctophuswithin package search in the Settings View.

 36

?️ ?️Create fancy screenshots of your code without leaving the editor.

 32

A small, modern WYSIWYG editor for inline formats – by the team of Kirby CMS

 30

run-wasm Run WASM based code executions in the browser easily Goal of the project The goal of this project is to build an easy way to execute various

 29

Mathquill based WUSIWYG editor MathQuill is an awesome formula editor. We have put some effort and made WUSIWUG editor on top of that. What is this? This is a javascript library that provides you a simple math

 28

SVG Quick Editor SVG Quick Editor is a free and open-source SVG editing tool. It offers features such as editing SVG colors, viewing or deleting their

 24

Math Writer is a simple web-based rich text editor for Math (AsciiMath / Tex). Feel free to fork this repo and make any changes you prefer. Suggestions and pull requests are welcome.

 24

KothingEditor - A powerful WYSIWYG rich text web editor by pure javascript

 24

Brownie This is a canvas toolkit in coffeescript, it can be used to build a static image/text designer. demo Features high-dpi layers - only one canvas is used absolute/relative position z-index of layer

 21

OpenAPI Editor For Nerds

 21

Tuya Homebridge Plugin Homebridge custom plugin for controlling Powered by Tuya (PBT) devices in HomeKit, it's based on Tuya Open API. The plugin is o

 20

Tune vscode with atom's minimalistic design

 20

Syllepsis is an out-of-the-box rich text editor.

 20
textlint
textlint editor project.

textlint/editor

@textlint/editor textlint editor project. Install Install with yarn and build before editing files. yarn install yarn run build Usage Write usage ins

 19

CodeINN is an instant code editor ? , that makes programming and development easier. Practice quickly and directly from your web browser, without any setup needed. CodeINN gives the perfect environment to developers ?‍? , coders ? , and geeks ? to do more with their tech.

 19