Table of contents
ProseMirror
A toolkit for building rich-text editors on the web.
As ProseMirror is an open source project, you can find more
open source alternatives and stats
on LibHunt.
Pricing:
- Open Source
Highly Customizable
ProseMirror offers a highly flexible and customizable framework, allowing developers to tailor the editor to fit specific requirements, from schema design to collaborative editing features.
Rich Text Capabilities
It supports complex rich text editing capabilities like tables, lists, and image embedding, making it suitable for sophisticated content editing tasks.
Collaborative Editing
ProseMirror has robust support for collaborative editing out-of-the-box, enabling multiple users to edit documents simultaneously with minimal conflict.
Active Community
An active community and extensive documentation ensure that developers can find support and resources to resolve issues and leverage shared knowledge.
Performance
Designed for high performance, ProseMirror efficiently handles large documents without significant slowdowns, optimizing rendering and operational transformations.
We have collected here some useful links to help you find out if ProseMirror is good.
Check the traffic stats of ProseMirror on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of ProseMirror on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of ProseMirror's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of ProseMirror on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about ProseMirror on Reddit. This can help you find out how popualr the product is and what people think about it.
TipTap is a headless WYSIWYG editor built on top of ProseMirror. It gives developers full control over the UI while handling complex editing logic under the hood. This makes it a strong fit for highly customized interfaces. - Source: dev.to / 6 months ago
While Storyblok and Builder.io offer full-page editing experiences with structured CMS capabilities, Tiptap takes a different approach. Itโs not a traditional page builder but rather an embeddable headless editor built on ProseMirror. This means that instead of giving you a predefined UI to work with, it provides the underlying logic, leaving you in full control of the interface, interaction and level of... - Source: dev.to / over 1 year ago
> One thing I learned is that you should lean towards letting non-technical people choose their own tools like why we largely let developers choose their own tools. IMHO: I think a more sustainable variant of this (for your own sanity) might be to ask them which tool(s) they like and then take some time to understand WHY. But then instead of just letting them use those directly, you would either vet them first... - Source: Hacker News / over 1 year ago
However, after doing some extensive research, I realized that almost none of them were compatible with Svelte, and those that were did not offer what I was looking for. That is, until I found tiptap, which is a headless wrapper around another WYSIWYG editor called ProseMirror. However, ProseMirror is very low level, and tiptap is super Svelte friendly! - Source: dev.to / over 1 year ago
I love how Trix [0] and (I think) ProseMirror [1] work in that regard: it does use contenteditable, but every edit you make is applied to an internal model instead, then the editor state is updated back from the model. [0]: https://trix-editor.org/ [1]: https://prosemirror.net/. - Source: Hacker News / almost 2 years ago
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. - Source: dev.to / about 2 years ago
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 / over 2 years ago
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 / almost 3 years ago
This seems to be using https://prosemirror.net. - Source: Hacker News / about 3 years ago
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 / about 3 years ago
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 / about 3 years ago
Forgot to mention underlying ProseMirror (https://prosemirror.net/) as well. It's doing "even-heavier" lifting and is necessary for implementing more complex mechanisms like the code editor integration or various side-menus. - Source: Hacker News / about 3 years ago
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). - Source: dev.to / about 3 years ago
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. - Source: dev.to / about 3 years ago
My goal is to create my own rich-text editor, similar to a tool like prosemirror, with Markdown syntax highlighting. Source: over 3 years ago
Last year, while working on Oak, we decided to take a step back and learn, as a team, how the tools we used really worked. In particular, we'd spent years trying to get ProseMirror to play well with React and Redux, but had struggled to reconcile their not-quite-compatible philosophies about DOM and state management. Source: over 3 years ago
TipTap, built on top of ProseMirror, is a headless editor framework that gives full control over every single aspect of the text editor experience. Similarly to Slate, TipTap doesn't offer a fully featured Rich Text Editor; instead, it offers a lot of extensions and can be customized to incorporate new features. Let's have a look at how we can implement a TipTap editor with the image extension that will provide... - Source: dev.to / over 3 years ago
Https://prosemirror.net/: A toolkit for building rich-text editors on the web ProseMirror was written by Marijn Haverbeke, who also wrote (and rewrote!) the much used [CodeMirror] editor. So the design of his "editor toolkits" are based on years of experience developing and maintaining text editors. Marijn is very responsive on all the respective discussion boards. Examples, including markdown:... - Source: Hacker News / almost 4 years ago
Check out https://github.com/ueberdosis/tiptap. I built a production-ready Rich text editor in a matter of hours with the help of this library. You can also build custom plugins if you need to, but then you'd have to dive into https://prosemirror.net. Source: about 4 years ago
We're using remirror in our product. It's built on top of ProseMirror so it's very flexible to build your own editor. Source: about 4 years ago
ProseMirror - takes a lot of effort to have something working, but advantage is really low-level customization and that it's a mature and constantly maintained library. Source: about 4 years ago
ProseMirror, a toolkit for building rich-text editors on the web, consistently garners attention within the software development community, especially among those seeking customizable and collaborative text editing solutions. Created by Marijn Haverbeke, who also developed the popular CodeMirror editor, ProseMirror carries a robust reputation supported by years of experience in text editor development.
One of the most notable features of ProseMirror is its collaborative editing capability, which is often highlighted as a free advantage over other WYSIWYG editors that typically require premium subscriptions for similar features. This sets it apart by offering real-time collaboration without additional financial burden (as noted in sources like the article on the best open-source WYSIWYG editors).
Despite its flexibility, ProseMirror is frequently described as a low-level toolkit requiring significant effort to implement out of the box. Its design emphasizes customization and control, allowing developers to tailor the editor to their specific needs. This has made it an attractive choice for projects that require unique interfaces or complex functionalities, particularly when using libraries like TipTap, which is often mentioned as a headless wrapper simplifying ProseMirror's expansive API surface.
ProseMirror's integration compatibility extends to modern front-end frameworks such as React and Svelte, making it suitable for a wide range of web applications. For example, posts on platforms like Hacker News discuss developers utilizing ProseMirror, often through TipTap, to build customized editors that mesh seamlessly with frameworks like Next.js and Svelte. TipTap's user-friendliness for Svelte developers is often noted, highlighting its potential for broad framework compatibility.
While offering considerable flexibility and features, ProseMirror poses challenges regarding its learning curve and the effort required to achieve a fully functional editor. It's praised for its maturity and continuous maintenance, yet acknowledged that achieving a seamless integration, especially with state management libraries like Redux or frameworks with differing philosophies such as React, can be intricate. These challenges are frequently topics in community discussions, emphasizing both the potential frustration and the eventual rewards of mastering ProseMirror's comprehensive toolset.
ProseMirror's utility extends beyond basic text editors into sophisticated applications, evidenced by its use in tools like Vrite and its influence behind popular editors like those built with TipTap. Its adaptability for generating structured and clean output (such as JSON) aligns well with modern content management needs, making it a viable choice for developers who value precision and extensibility over immediate out-of-the-box solutions.
In summary, ProseMirror is celebrated for its rich customization potential and free collaborative editing capabilities. It's a toolkit that appeals primarily to developers willing to invest effort into crafting tailored text editing experiences, rewarding them with a robust and flexible solution once mastered. Leveraging its low-level architecture requires a solid understanding, but the support from a dedicated community and its seamless integration potential with modern web technologies further elevates its stature as a powerful tool in the rich-text editing landscape.
Do you know an article comparing ProseMirror to other products?
Suggest a link to a post with product alternatives.
Is ProseMirror good? This is an informative page that will help you find out. Moreover, you can review and discuss ProseMirror here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.
