Top 17 JavaScript Wysiwyg Projects
-
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.
-
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!
-
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
-
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-10We recently switched to CKEditor at work, and they actually have a bold tag wrapper remover for their copy/paste plugin.
-
Project mention: Show HN: Open-source alternative to Retool, Internal.io, etc. | news.ycombinator.com | 2021-06-07
-
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
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 :)
-
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
-
-
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-25Since 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/
-
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 ).
-
-
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-18Append 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.
-
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
JavaScript Wysiwyg related posts
- WYSIWYG editor recommendation for non-technical users
- Implement ToastUI Editor with Next.JS (w/ TypeScript)
- Is there some kind of opensource widget editor? Like an advanced WYSIWYG editor
- Online Word Processor
- WYSIWYG Editor Recommendation for Commercial/Enterprise Website Frontends?
- Looking for a business idea? Here's four incredible SaaS ideas a friend recently shared with me
- Im facing an issue anybody that knows how i can go about it?
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 |
Are you hiring? Post a new remote job listing for free.
