Draft.js
ProseMirror
Draft.js | ProseMirror | |
---|---|---|
40 | 44 | |
22,309 | 7,439 | |
- | 1.0% | |
8.2 | 3.9 | |
over 1 year ago | 19 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Draft.js
-
What true Open Source Software means from my perspective in the industry and how I recommend contributing to it to get your foot in the door (spoiler: it's not what most bootcamps do)
Also for comparison, here is a very small project that has 1600 issues, 1400 commits and 250 contributors and if I saw that you were a lead contributor on here on a resume I would think you have exposure to "small sized projects". https://github.com/facebookarchive/draft-js
-
What is this called? how do you create it? any library? (react)
Draft JS
-
Is there a good alternative to Draft-js rich text editor?
Draft-js developed by Facebook, last update was over 2 years ago and it still got over 800k weekly downloads. I can't quite get it to work so I'm wondering if theres other good alternatives out there.
-
Making text editor in tauri
If you want to write the GUI code in Rust, you'd need something like Dioxus (which uses Tauri under the hood). But note that the Rust GUI ecosystem is still new, so I doubt we have something like Draft.js (a wysiwyg editor component for React). There's a lot of complexity involved in writing a text editor, and I'll suspect you'll have to handle a lot of that yourself.
-
Lexical – a web text editor framework that powers Facebook
How does this compare to Draft.js, another rich text editor created by Facebook?
https://draftjs.org/
- Does anybody a block-based rich text editor like notion that works with react?
- Draft.js and React Native
-
make document.execCommand('insertText', false, 'message') work with draftjs?
To play around with it you can just go to https://draftjs.org/ and play with it in chrome dev tools.
-
How to align text in Draft.js
I'm wondering how to align text in Draft.js just like on the picture below.
- Facebook open sources Lexical, an extensible text editor framework
ProseMirror
-
How to quickly add a rich text editor to your Next.js project using TipTap
Tiptap is an open source headless wrapper around ProseMirror. ProseMirror is a toolkit for building rich text WYSIWYG editors. The best part about Tiptap is that it's headless, which means you can customize and create your rich text editor however you want. I'll be using TailwindCSS for this tutorial.
-
Eloquent JavaScript 4th edition (2024)
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/
- ProseMirror open source rich text editor
-
WYSIWYG for MDX?! Introducing Vrite's Hybrid Editor
Behind the scenes, Vrite processes the content and makes it accessible in ProseMirror-based JSON format, including the type and all the props of the Element block.
-
Show HN: Minimal note-taking app
This seems to be using https://prosemirror.net
-
Vrite Editor: Open-Source WYSIWYG Markdown Editor
No good tool is built without using good tools, and Vrite Editor is no different. Before getting into WYSIWYG editors, I extensively researched available RTE frameworks, that could provide the tooling and functionality I was looking for. Ultimately, I picked TipTap and underlying ProseMirror — IMO, the best tools currently available for all kinds of WYSIWYG editors.
-
Show HN: I've built open-source, collaborative, WYSIWYG Markdown editor
A little dissapointed to see ProseMirror not mentioned.
It's an amazing rich-text editing toolkit that provides all the bits and pieces needed to write any kind of rich-text editor. Tiptap is a wrapper over ProseMirror for minimizing the vast API surface and providing simpler configurations.
The project is using TipTap and that is mentioned.
https://prosemirror.net
-
How I put ChatGPT into a WYSIWYG editor
The buttons had to be absolutely positioned, which required both a custom TipTap extension and tapping deeper into the underlying ProseMirror (both libraries powering the Vrite editor).
- All about the Prosemirror library
-
Better blogging on Dev.to with Vrite - headless CMS for technical content
You might have noticed that the body_markdown property is set to the result of processContent() call. That’s because the Vrite API serves its content in a JSON format. Derived from the ProseMirror library powering Vrite editor, the format allows for versatile content delivery as it can be easily adapted to various needs.
What are some alternatives?
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
CodeMirror - In-browser code editor (version 5, legacy)
react-quill - A Quill component for React.
tiptap - The headless rich text editor framework for web artisans.
Editor.js - A block-style editor with clean JSON output
react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg