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: AI-Powered Frontend UI Components Generator (Next.js, GPT4, Langchain, & CopilotKit) | dev.to | 2024-05-06

    Ace Code Editor - an embeddable code editor written in JavaScript that matches the features and performance of native editors.

  • Quasar Framework

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

  • Project mention: Create your Biography Web Page with AWS Amplify Gen 2 | dev.to | 2024-05-18

    Amplify: Of course, the key service here is the amazing Amplify. To achieve this project, I used the Vue.js with Quasar Framework and integrated Amplify's UI linked components to facilitate the authentication flow.

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

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

  • Project mention: My Failed Student Housing App | dev.to | 2024-04-23
  • 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)

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • Create your Biography Web Page with AWS Amplify Gen 2

    2 projects | dev.to | 18 May 2024
  • Netlify Dynamic Site Challenge: Building a Mars Mission Photo Web App

    1 project | dev.to | 7 May 2024
  • AI-Powered Frontend UI Components Generator (Next.js, GPT4, Langchain, & CopilotKit)

    3 projects | dev.to | 6 May 2024
  • UX Case Study: Markdown Heading

    4 projects | dev.to | 27 Apr 2024
  • My Failed Student Housing App

    3 projects | dev.to | 23 Apr 2024
  • How I optimized Carousel for EditorJS 2x in size.

    5 projects | dev.to | 29 Mar 2024
  • Show HN: Quasar Prime: Vue.js Admin Template

    2 projects | news.ycombinator.com | 27 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 19 May 2024
    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. Learn more →

Index

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

Project Stars
1 Monaco Editor 38,505
2 CodeMirror 26,613
3 ace 26,445
4 Quasar Framework 25,287
5 trix 18,707
6 medium-editor 15,983
7 Summernote 11,387
8 jsoneditor 11,197
9 SimpleMDE 9,677
10 ckeditor5 8,252
11 ProseMirror 7,408
12 pen 4,784
13 sweet.js 4,580
14 EpicEditor 4,255
15 bootstrap-wysihtml5 4,147
16 ContentTools 3,941
17 Trumbowyg 3,941
18 editor 2,788
19 jquery-notebook 1,686
20 Haroopad 1,596
21 Mobiledoc Kit 1,543
22 popline 1,056
23 atom 716

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com