JavaScript Editors

Open-source JavaScript projects categorized as Editors | Edit details

Top 23 JavaScript Editor Projects

  • GitHub repo Atom

    :atom: The hackable text editor

    Project mention: Top 10 IDEs for React.js Developers in 2021 | reddit.com/r/u_WrapPixel9 | 2022-01-20

    3. Atom

  • GitHub repo quill

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

    Project mention: What is Slate.js, and will it replace Quill and Draft.js? | dev.to | 2021-11-23

    Quill, no doubt, is a drop-in editor; you can get started without changing anything. If you get beyond the most basic use cases, however, you may encounter certain performance issues, which have become a recognized defect.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo Monaco Editor

    A browser based code editor

    Project mention: Is there a library that will allow me to have a textarea input with syntax highlighting? | reddit.com/r/AskProgramming | 2022-01-21

    There's also Monaco from MS: https://microsoft.github.io/monaco-editor/

  • GitHub repo CodeMirror

    In-browser code editor

    Project mention: How I made a live code editor with Vanilla Javascript? | dev.to | 2021-12-19

    Codemirror Editor

  • GitHub repo ace

    Ace (Ajax.org Cloud9 Editor)

    Project mention: Is there a library that will allow me to have a textarea input with syntax highlighting? | reddit.com/r/AskProgramming | 2022-01-21

    AceJS is quite popular: https://ace.c9.io/

  • GitHub repo Draft.js

    A React framework for building text editors.

    Project mention: 9 Ways You Can Use React Today in 2022 | dev.to | 2022-01-21

    DraftJS is a library created by the team at Facebook that lets you build rich text editors with... you guessed it: React! It takes some time to get used to but once you start getting it its actually motivating to keep going when you notice progress.

  • GitHub repo Quasar Framework

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

    Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo medium-editor

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

    Project mention: "Floating" WYSIWYG editor? | reddit.com/r/webdev | 2021-09-09
  • GitHub repo Summernote

    Super simple WYSIWYG editor

    Project mention: Im facing an issue anybody that knows how i can go about it? | reddit.com/r/VisualStudio | 2022-01-21

    TypeError: e.attr(...).tooltip is not a function(…) · Issue #2157 · summernote/summernote

  • GitHub repo jsoneditor

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

    Project mention: Save Editing Kaesi Ending | reddit.com/r/Pathfinder_Kingmaker | 2021-12-10

    A history of the dialogue choices you picked throughout your playthrough is logged in the player.json file. When I looked at the json structure using https://jsoneditoronline.org/, I found it listed under the SelectedAnswer section, which is further under the m_Dialogue parent (so m_Dialogue>SelectedAnswer).

  • GitHub repo 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: Access and update local files, from your browser! | dev.to | 2021-12-27

    Check out this Markdown editor, made using SimpleMDE.

  • GitHub repo ProseMirror

    The ProseMirror WYSIWYM editor

    Project mention: Markdown editor for freedom! | dev.to | 2021-12-21

    🦾 Reliable - Built on top of prosemirror and remark

  • GitHub repo pen

    enjoy live editing (+markdown)

  • GitHub repo sweet.js

    Sweeten your JavaScript.

    Project mention: SICP: JavaScript Edition available for pre-order | news.ycombinator.com | 2022-01-21

    > If forEach is not to be used

    That source is simply incorrect. forEach is perfectly fine to use as long as you realize what is happening. It iterates an array where each thing is a function that returns a promise. Of course the results aren't what they expect.

    ES5 array additions suffer from being a little too early (though later stuff wouldn't exist otherwise, so...). They are designed to deal with holey arrays (arrays with indexes missing). This is extremely uncommon today, but was decently common once upon a time. They were also created before the iterator protocol.

    The real fix is to design iterator versions that can handle things like async generator functions.

    > it should be deprecated and removed from the language in a timely manner.

    NOTHING can be removed from the language once added. Doing that would break all the older websites that depend on it (technically, a few minor breaks happened after they tested millions of sites and couldn't find anything that was adversely affected). At best, they can block older features from newer features. For example, using class syntax or a bunch of other ES6 language structures automatically makes your code shift into "use strict" mode.

    I hope they introduce a "use strict 2" variant that strips away more of the undesirable features than the current "use strict" does.

    > Since Javascript is based on C syntax, it should have the preprocessor that the birthplace of C saw it fit for that language not to be without.

    That pre-processor was a source of untold nightmares. Direct injection leads to bugs. If someone is going that route, full-blown macros are the only answer. There is a full-blown macro system Mozilla created a few years ago, but it's not very popular.

    https://www.sweetjs.org/

    There also exist some C-style pre-processors for babel too, but they should be avoided because lisp's gensym is a critical feature that they and C both lack.

  • GitHub repo Squire

    HTML5 rich text editor. Try the demo integration at

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

  • GitHub repo bootstrap-wysihtml5

    Simple, beautiful wysiwyg editor

  • GitHub repo ContentTools

    A JS library for building WYSIWYG editors for HTML content.

  • GitHub repo Trumbowyg

    A lightweight and amazing WYSIWYG JavaScript editor under 10kB

    Project mention: New rich text editors use native contenteditable | reddit.com/r/Frontend | 2021-09-21

    DraftJS, Slate, ProseMirror, Quill and more - they all use their model for abstracting dom (unfortunately I don't rememeber what was the exact reasoning. Quill has some article on that https://quilljs.com/docs/delta) I can see now the surge of new RTEs that simply use contenteditable and dom. Is it that isssue from the past that led those libs above to use abstractions - are not valid anymore? Examples: https://atata.io/examples/custom-rich-text-editor-based-on-contenteditable/ http://suneditor.com/sample/index.html https://alex-d.github.io/Trumbowyg https://zenpen.io

  • GitHub repo editor

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

  • GitHub repo jquery-notebook

    A modern, simple and elegant WYSIWYG rich text editor.

  • GitHub repo Haroopad

    Haroopad - The Next Document processor based on Markdown

    Project mention: Markdown viewer apps that supports tables | reddit.com/r/fossdroid | 2021-10-02

    haroopad

  • GitHub repo Mobiledoc Kit

    A toolkit for building WYSIWYG editors with Mobiledoc

    Project mention: On the limits of MDX | dev.to | 2021-04-01

    There's plenty of content platforms with plenty of rich text editors that spew out plenty of different formats, including markdown, HTML, and abstractions as MobileDoc and Portable Text. Medium gained popularity thanks to its smooth authoring experience, Notion now seems to have taken over that hype. Void of HTML and Markdown (well, markdown-like shortcuts works, but is not a requirement), but with rich embeds. Arguably, these interfaces are more friendly and more accessible than learning Markdown, or MDX.

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 2022-01-21.

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 Atom 56,620
2 quill 31,730
3 Monaco Editor 27,767
4 CodeMirror 24,236
5 ace 23,998
6 Draft.js 21,306
7 Quasar Framework 20,314
8 medium-editor 15,442
9 Summernote 10,524
10 jsoneditor 9,252
11 SimpleMDE 8,830
12 ProseMirror 5,647
13 pen 4,741
14 sweet.js 4,506
15 Squire 4,346
16 EpicEditor 4,296
17 bootstrap-wysihtml5 4,176
18 ContentTools 3,819
19 Trumbowyg 3,667
20 editor 2,743
21 jquery-notebook 1,693
22 Haroopad 1,503
23 Mobiledoc Kit 1,485
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
OPS - Build and Run Open Source Unikernels
Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
github.com/nanovms