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.

  • 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: Ask HN: What framework/tools to use to build front end in 2023? | news.ycombinator.com | 2023-11-11

    I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.

    Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.

    Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.

    If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.

    Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)

    * https://vuejs.org/

    * https://nuxt.com/

    * https://vitejs.dev/

    * https://primevue.org/

    * https://primeflex.org/

    * https://quasar.dev/

  • trix

    A rich text editor for everyday writing

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

    Trix was the winner. It was easy to style, is well maintained, has documentation for embedding it into a form, is easy to create custom keyboard shortcuts for, has great examples on how to save/load content or modify it with javascript.

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

  • 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)

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

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 2024-03-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 Monaco Editor 37,786
2 CodeMirror 26,509
3 ace 26,309
4 Quasar Framework 25,076
5 trix 18,227
6 medium-editor 15,983
7 Summernote 11,325
8 jsoneditor 11,025
9 SimpleMDE 9,677
10 ckeditor5 8,058
11 ProseMirror 7,219
12 pen 4,777
13 sweet.js 4,578
14 EpicEditor 4,255
15 bootstrap-wysihtml5 4,143
16 ContentTools 3,930
17 Trumbowyg 3,922
18 editor 2,782
19 jquery-notebook 1,686
20 Haroopad 1,595
21 Mobiledoc Kit 1,544
22 popline 1,053
23 atom 716
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.com