JavaScript Editors

Open-source JavaScript projects categorized as Editors

Top 23 JavaScript Editor Projects

  • quill

    Quill is a modern WYSIWYG editor built for compatibility and extensibility.

    Project mention: Looking for the best React Editor library | dev.to | 2023-01-28

    Quill.js is a rich text editor that provides a configurable editor with various features. Compared to Slate and TipTap, Quill is a drop-in solution that doesn't require building common text editing functionality from scratch.

  • Monaco Editor

    A browser based code editor

    Project mention: How to add a placeholder to Monaco editor | dev.to | 2023-02-07

    I was playing around with the Monaco editor and I wanted to add a placeholder to it. Just like the placeholder in VSCode. I couldn't find any documentation on how to do it, so I decided to write this post. I will be using the Monaco editor in React, but the same concept can be applied to any other framework.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • CodeMirror

    In-browser code editor (version 5, legacy)

    Project mention: I've cloned a simple VScode using Tauri and ReactJS | dev.to | 2022-11-04

    codemirror - a code editor component for the web

  • ace

    Ace (Ajax.org Cloud9 Editor)

    Project mention: The ShnooTalk programming language | reddit.com/r/ProgrammingLanguages | 2022-11-10

    The frontend uses the ace editor for syntax highlighting and then sends all the "text" you have typed to a python backend. The backend then writes all the text to a temporary directory and calls the compiler using subprocess (something similar to os.system).

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Svetle is great in many ways, but where do you find svelte is bit confusing or could be better? | reddit.com/r/sveltejs | 2023-01-27

    I just need a comprehensive and complete UI layer. Something like Quasar (https://quasar.dev) for Vue.

  • trix

    A rich text editor for everyday writing

    Project mention: Usando Action Text em Rails 7 | dev.to | 2022-12-16
  • medium-editor

    Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

    Project mention: Creating a Medium-like text highlighter to report typo | dev.to | 2022-11-20

    medium-editor (a clone of medium.com inline editor toolbar): a bit too much as we just want the highlight/select feature

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • Summernote

    Super simple WYSIWYG editor

    Project mention: is there any plugin that is similar? it is used for edit text, after user click on the text | reddit.com/r/webdev | 2022-10-12

    Summernote

  • jsoneditor

    A web-based tool to view, edit, format, and validate JSON

    Project mention: Fighting an itemized bill | reddit.com/r/HospitalBills | 2023-02-02

    I took a quick look at that turquoise guide, seems ok if you’re able to follow it. I was going to suggest googling a JSON editor/formatter like this, you would open the file with that or paste the text and it will convert it to the tree structure that will make it a little easier to navigate. JSON is just a text file, and you can open it with notepad, but I wouldn’t recommend trying to search it that way. Better to use some kind of editor to get it into the tree structure.

  • SimpleMDE

    A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

    Project mention: Portfolio | The junior tester guide | dev.to | 2023-01-13
  • ckeditor5

    Powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing.

    Project mention: Best Javascript Rich Text Editors (WYSIWYG) | reddit.com/r/programming | 2022-10-06

    Have you ever come across CKEditor 5? It's a great, easily customizable JavaScript rich text editor, which also offers collaboration features: https://ckeditor.com/ckeditor-5/

  • ProseMirror

    The ProseMirror WYSIWYM editor

    Project mention: Build Your Own: React, ProseMirror, and Redux | reddit.com/r/javascript | 2023-02-03

    Last year, while working on Oak, we decided to take a step back and learn, as a team, how the tools we used really worked. In particular, we'd spent years trying to get ProseMirror to play well with React and Redux, but had struggled to reconcile their not-quite-compatible philosophies about DOM and state management.

  • pen

    enjoy live editing (+markdown)

  • sweet.js

    Sweeten your JavaScript.

    Project mention: Pipe Operator (|>) For JavaScript | news.ycombinator.com | 2023-01-20

    Mozilla created SweetJS over a decade ago[0]. It added hygenic macros to JS and I'm sure everyone on the TC39 committee is familiar with it.

    There's a lot to like about it, but macros in such a complicated language as JS are hard to get right. They'd also potentially lead to huge fracturing in the JS ecosystem with different factions writing their own, incompatible macro-based languages.

    Look at JSX for an example. It's actually a subset of a real standard (E4X -- actually implemented in Firefox for a long time), but just one relatively small syntax addition has added complexity elsewhere.

    For example, `const foo = (x:T) => x` is valid Typescript for a generic arrow function, but is an error if your file is using JSX.

    I like the idea of macros, but I suspect they made the right call here.

    [0] https://www.sweetjs.org/

  • EpicEditor

    EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.

  • bootstrap-wysihtml5

    Simple, beautiful wysiwyg editor

  • ContentTools

    A JS library for building WYSIWYG editors for HTML content.

    Project mention: Cool & useful JavaScript libraries | dev.to | 2022-07-11

    Content Tools : a JS library for building WYSIWYG editors for HTML content.

  • Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

  • editor

    A markdown editor. http://lab.lepture.com/editor/

  • jquery-notebook

    A modern, simple and elegant WYSIWYG rich text editor.

  • Haroopad

    Haroopad - The Next Document processor based on Markdown

  • Mobiledoc Kit

    A toolkit for building WYSIWYG editors with Mobiledoc

  • popline

    Popline is an HTML5 Rich-Text-Editor Toolbar

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-02-07.

JavaScript Editors related posts

Index

What are some of the best open-source Editor projects in JavaScript? This list will help you:

Project Stars
1 quill 34,539
2 Monaco Editor 32,808
3 CodeMirror 25,650
4 ace 25,314
5 Quasar Framework 22,797
6 trix 17,399
7 medium-editor 15,740
8 Summernote 11,018
9 jsoneditor 10,136
10 SimpleMDE 9,252
11 ckeditor5 6,772
12 ProseMirror 6,325
13 pen 4,759
14 sweet.js 4,553
15 EpicEditor 4,280
16 bootstrap-wysihtml5 4,169
17 ContentTools 3,883
18 Trumbowyg 3,799
19 editor 2,757
20 jquery-notebook 1,690
21 Haroopad 1,543
22 Mobiledoc Kit 1,530
23 popline 1,049
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com