Software Alternatives & Reviews

Draft.js VS ProseMirror

Compare Draft.js VS ProseMirror and see what are their differences

Draft.js logo Draft.js

Rich Text Editor Framework for React

ProseMirror logo ProseMirror

A toolkit for building rich-text editors on the web
  • Draft.js Landing page
    Landing page //
    2022-03-29
  • ProseMirror Landing page
    Landing page //
    2022-01-04

Draft.js

Categories
  • Rich Text Editor
  • React
  • Text Editors
  • IDEs And Text Editors
Website draftjs.org
Details $-

ProseMirror

Categories
  • Rich Text Editor
  • Text Editors
  • IDEs And Text Editors
  • WYSIWYG Editor
Website prosemirror.net
Details $

Draft.js videos

Live coding – Draft.js copy-paste fix

ProseMirror videos

No ProseMirror videos yet. You could help us improve this page by suggesting one.

+ Add video

Category Popularity

0-100% (relative to Draft.js and ProseMirror)
Text Editors
48 48%
52% 52
Rich Text Editor
42 42%
58% 58
IDEs And Text Editors
50 50%
50% 50
Developer Tools
100 100%
0% 0

User comments

Share your experience with using Draft.js and ProseMirror. For example, how are they different and which one is better?
Log in or Post with

Reviews

These are some of the external sources and on-site user reviews we've used to compare Draft.js and ProseMirror

Draft.js Reviews

We have no reviews of Draft.js yet.
Be the first one to post

ProseMirror Reviews

14 Best Open Source WYSIWYG HTML Editors
ProseMirror is an exciting choice for free for users who want collaborative editing capabilities. Most of the WYSIWYG editors offer the collaboration feature for a premium. But here, you can work with others on the same document in real-time (for free).
Source: itsfoss.com

Social recommendations and mentions

ProseMirror might be a bit more popular than Draft.js. We know about 33 links to it since March 2021 and only 24 links to Draft.js. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Draft.js mentions (24)

  • Which Rich Text Editor to use ?
    I've always used Quill and always satisfied with it. It can be adapted to React Native as well. Despite the most popular RTE is Draft js it has some limitations on mobile. Source: 10 months ago
  • Inline styles in draft-js
    To be able to create an editor, the only requirement is to know how to set up a ReactJS (or NextJs) project. We're going to use draft-js and contenido packages in this tutorial. - Source: dev.to / 11 months ago
  • A brief introduction to draft-js
    Briefly and as the draft-js official site says, its a. - Source: dev.to / 11 months ago
  • Multi-highlighting for DraftJS
    I want to note that it was previously decided to use DraftJS as HTML-WYSIWYG implementation. Looking ahead I want to emphasize that I wasn’t going to “reinvent the wheel”. On the opposite, the first thing I did was a search for similar solutions. But to my astonishment, I haven’t found even a single similar solution. - Source: dev.to / over 1 year ago
  • 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. Source: almost 2 years ago
View more

ProseMirror mentions (33)

  • 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/. - Source: Hacker News / about 1 month ago
  • 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. - Source: dev.to / 6 months ago
  • Show HN: Minimal note-taking app
    This seems to be using https://prosemirror.net. - Source: Hacker News / 8 months ago
  • 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. - Source: dev.to / 9 months ago
  • 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. - Source: Hacker News / 10 months ago
View more

What are some alternatives?

When comparing Draft.js and ProseMirror, you can also consider the following products

Quill - Powerful, API-driven rich text editor

Trix - A rich text editor for everyday writing.

CKEditor - Real-time collaborative future-ready rich text editor

Editor.js - A block-styled editor with clean JSON output

FundaMine - Get Medium style annotations on your site

CodeMirror - CodeMirror is a versatile text editor implemented in JavaScript for the browser.