JavaScript Editors

Open-source JavaScript projects categorized as Editors

Top 23 JavaScript Editor Projects

  • Monaco Editor

    A browser based code editor

  • Project mention: A structured note-taking app for personal use | news.ycombinator.com | 2023-12-21

    Fyi, if you are ever looking for a fun project you might be able to implement this. The vscode editor source is available as a library https://microsoft.github.io/monaco-editor/

  • CodeMirror

    In-browser code editor (version 5, legacy)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • ace

    Ace (Ajax.org Cloud9 Editor)

  • Project mention: Show HN: A note-keeping system on top of Fossil SCM | news.ycombinator.com | 2023-10-25

    I used a note system built on top of Fossil as my primary system for quite a while. Here are the details in case anyone is interested.

    Fossil allows CGI extensions[1]. There's a database for tickets, but that's just a regular SQLite table that you can use to store anything you want, and it's version controlled and queryable. I stored the notes plus metadata in the tickets database. The CGI returned HTML with the Ace editor for creating/editing notes.[2] Notes were stored using the command line.[3] I needed to add the web server user to the sudoers file to access the Fossil binary.

    There were two reasons to use Fossil for this. The biggest was that it handled authentication. The second is that I had a version controlled database to do all the work for me.

    I think I eventually moved away from it because I prefer working locally. The "transition" was dumping the data out of the database and into markdown files.

    [1] https://fossil-scm.org/home/doc/trunk/www/serverext.wiki

    [2] https://ace.c9.io/

    [3] https://fossil-scm.org/home/help?cmd=ticket

  • Quasar Framework

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

  • Project mention: Show HN: Quasar Prime: Vue.js Admin Template | news.ycombinator.com | 2024-03-27

    What does this bring that the Quasar framework doesn’t already? This sure looks like an ad for a barely preconfigured quasar template—but it’s impossible to tell.

    https://quasar.dev/

  • trix

    A rich text editor for everyday writing

  • Project mention: Quill – Your powerful rich text editor | news.ycombinator.com | 2024-04-19

    Trix is simple and easy to use for basic writing like a blog. It’s what Basecamp and HEY both use (it was built by 37signals and is the default in Rails)

    https://trix-editor.org/

  • medium-editor

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

  • Project mention: WYSIWYG editor for a new Rails project | /r/rails | 2023-12-10

    The MediumEditor clone looks great, but I wanted a traditional toolbar and the last commit it seems was 3+ years ago.

  • Summernote

    Super simple WYSIWYG editor

  • Project mention: Ask HN: What is your favorite FOSS WYSIWYG editor? | news.ycombinator.com | 2023-10-22
  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • jsoneditor

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

  • Project mention: 10 Must-Have Tools for Programmers | dev.to | 2023-12-16
  • SimpleMDE

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

  • ckeditor5

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

  • Project mention: React + @ckeditor/ckeditor5-build-balloon-block please help me with the following issue | /r/react | 2023-10-15
  • ProseMirror

    The ProseMirror WYSIWYM editor

  • Project mention: Eloquent JavaScript 4th edition (2024) | news.ycombinator.com | 2024-03-07

    For those that don't know the author, Marijn Haverbeke, is the creator of CodeMirror (code editor) and later ProseMirror (text editor).

    https://codemirror.net/

    https://prosemirror.net/

  • pen

    enjoy live editing (+markdown)

  • sweet.js

    Sweeten your JavaScript.

  • Project mention: JavaScript Macros in Bun | news.ycombinator.com | 2023-06-30

    I was ready to be excited from the title, but was utterly disappointed :(

    IMO these aren’t macros in the Lisp-sense of the word (or Rust, or even C); yeah they run code at compile time, but that’s where the common ends.

    Macros should be able to apply syntactic transformation on the code. Lisp is famous for allowing that by representing code as lists. Rust has a compiler-level API to give tokens and run arbitrary code, then spit new tokens out. C macros operate on the tokens level, so with enough magic you can transform code to the shape you want.

    This… isn’t any of that.

    A pretty good example (and something I’m still sad that it didn’t take off) of macros in JS is Sweet.js[0]. Babel macros[1] are a bit higher level, where macros require the input to already be a valid AST, but that’s also cool.

    This… I’d say it’s more of a build-time code execution feature, not a macro feature.

    [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.

  • Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

  • Project mention: Best HTML WYSIWYG text editor for existing HTML | /r/react | 2023-07-06
  • 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

  • atom

    :atom: Community build of the hackable text editor (by atom-community)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
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).

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 Monaco Editor 38,203
2 CodeMirror 26,573
3 ace 26,385
4 Quasar Framework 25,202
5 trix 18,617
6 medium-editor 15,983
7 Summernote 11,365
8 jsoneditor 11,138
9 SimpleMDE 9,677
10 ckeditor5 8,192
11 ProseMirror 7,325
12 pen 4,784
13 sweet.js 4,580
14 EpicEditor 4,255
15 bootstrap-wysihtml5 4,147
16 ContentTools 3,930
17 Trumbowyg 3,928
18 editor 2,782
19 jquery-notebook 1,686
20 Haroopad 1,596
21 Mobiledoc Kit 1,543
22 popline 1,055
23 atom 717

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com