JavaScript Wysiwyg

Open-source JavaScript projects categorized as Wysiwyg | Edit details

Top 17 JavaScript Wysiwyg Projects

  • quill

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

    Project mention: Building a blog website with some landing pages. Laravel instead of WordPress? | reddit.com/r/laravel | 2022-05-20

    I like u/ediblemanager 's idea of using Canvas. There is also a "cool-tool" called Quill which you can use to build a great DOM-friendly editor into your Apps without breaking too much of a sweat. And use Eloquent and park those posts safe and sound into your db.

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

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • pell

    📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies

    Project mention: What’s your favorite note taking app, foss or selfhosted? | reddit.com/r/selfhosted | 2022-04-26

    For those on here who are like me and like to experiment with making your own things, this is a great starting point that I have used in the past..... https://github.com/jaredreich/pell

  • Summernote

    Super simple WYSIWYG editor

    Project mention: WYSIWYG Editor Recommendation for Commercial/Enterprise Website Frontends? | reddit.com/r/django | 2022-02-22

    We use Summernote which is fine, there can be bugs with our integration but that is more down to our hacking around with it than the actual software.

  • ckeditor5

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

    Project mention: Google is still using this deprecated center tag | reddit.com/r/webdev | 2022-04-10

    We recently switched to CKEditor at work, and they actually have a bold tag wrapper remover for their copy/paste plugin.

  • blocks

    A JSX-based page builder for creating beautiful websites without writing code (by blocks)

    Project mention: Show HN: Open-source alternative to Retool, Internal.io, etc. | news.ycombinator.com | 2021-06-07
  • 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

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

  • megadraft

    Megadraft is a Rich Text editor built on top of Facebook's Draft.JS featuring a nice default base of components and extensibility

    Project mention: Lexical is now open-source (web text-editor) | news.ycombinator.com | 2022-04-13

    Not a question, but a suggestion: it'd be nice to have a Live Demo in the README, like Megadraft's (https://github.com/globocom/megadraft)

    Apart from that, well done :)

  • django-markdown-editor

    Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI

    Project mention: Adding a few content pages (markdown type content) to a django app | reddit.com/r/django | 2022-04-07

    I'm sure your staff would appreciate a fancy Markdown editor as well - I've never used it myself but this package looks pretty good: https://github.com/agusmakmun/django-markdown-editor

  • ckeditor-releases

    Official distribution releases of CKEditor 4.

  • bangle.dev

    Collection of higher level rich text editing tools. It powers the local only note taking app https://bangle.io

    Project mention: Marktext – Elegant Markdown Editor for Linux, macOS, Windows | news.ycombinator.com | 2021-12-25

    Since you're the author of Bangle.io and it seems the latter is based on bangle.dev[0] which in turn is based on ProseMirror(?), why did you decide to make Bangle's interface look like that of VS Code / Monaco[1]?

    On a different note, IMO using Electron for an app is not a bad choice per se. It's just that editors written in web technologies usually suck because they are so slow compared to, say, Vim/Emacs/Sublime. Is ProseMirror really that much better (faster) than Monaco/VS Code? If not, what's the benefit of using Bangle over Marktext? (Sure, running Marktext/Electron will use up additional RAM compared to running Bangle in an existing browser. But to be honest CPU load is much more important to me.)

    [0]: https://github.com/bangle-io/bangle.dev

    [1]: https://github.com/Microsoft/monaco-editor , https://vscode.dev/

  • react-native-rich-editor

    Lightweight React Native (JavaScript, H5) rich text editor

    Project mention: How to use react-native-rich-editor on React Native | dev.to | 2022-01-22

    This article will show you an example of how to implement a react-native-rich-editor and its common problems. In this example, I'm working on Expo (in case you wonder if this library supported Expo or not ).

  • text

    📑 Collaborative document editing using Markdown (by nextcloud)

  • append-editor

    Append to your notes @StandardNotes with GitHub Flavored Markdown via CodeMirror, Rich Markdown, and Monaco | https://appendeditor.com

    Project mention: Should any of the Markdown editors allow me to make internal links? | reddit.com/r/StandardNotes | 2022-01-18

    Append Editor uses Remark TOC. If you add a section #TOC, the rendered pane will have autogenerated table of contents with local links.

  • unicode-formatter

    Convert portions of text to fancy text using unicode fonts for use on Twitter and other sites that don't support rich text

  • textbase

    Textbase is a clean, simple, composable, event-driven, rich text editor framework for the web which can be extended with custom block and inline elements in a non-opinionated manner.

  • agitcms

    Desktop markdown+frontmatter editor for static sites. Inspired by hokus

    Project mention: Any demand for markdown + frontmatter editor for any static sites? | reddit.com/r/cms | 2022-05-18

    Here's the project link: https://github.com/0xsuk/agitcms

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-05-20.

JavaScript Wysiwyg related posts

Index

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

Project Stars
1 quill 32,654
2 medium-editor 15,501
3 pell 11,696
4 Summernote 10,737
5 ckeditor5 5,927
6 blocks 4,433
7 Trumbowyg 3,714
8 megadraft 1,093
9 django-markdown-editor 564
10 ckeditor-releases 518
11 bangle.dev 503
12 react-native-rich-editor 482
13 text 349
14 append-editor 62
15 unicode-formatter 29
16 textbase 8
17 agitcms 0
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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.
www.sonarlint.org