The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Editor Projects
-
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/
-
-
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.
-
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
-
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.)
-
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.
The MediumEditor clone looks great, but I wanted a traditional toolbar and the last commit it seems was 3+ years ago.
-
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.
-
-
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 -
For those that don't know the author, Marijn Haverbeke, is the creator of CodeMirror (code editor) and later ProseMirror (text editor).
-
-
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.
-
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.
-
-
-
-
-
-
-
-
-
-
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.
JavaScript Editors related posts
- Eloquent JavaScript 4th edition (2024)
- ProseMirror open source rich text editor
- 10 Must-Have Tools for Programmers
- Show HN: Open-source alternatives to tools You pay for
- 10 UI Libraries You Should Explore for Your Next Vue.js Project
- Show HN: A note-keeping system on top of Fossil SCM
- Ask HN: What is your favorite FOSS WYSIWYG editor?
-
A note from our sponsor - WorkOS
workos.com | 19 Mar 2024
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 |