Audience
Writers and developers requiring a toolkit for building rich-text editors on the web
About ProseMirror
Rich content editors should, ideally, produce clean, semantically meaningful documents while still being easy for users to understand. ProseMirror tries to bridge the gap between editing explicit, unambiguous content like Markdown or XML, and classical WYSIWYG editors. It does this by implementing a WYSIWYG-style editing interface for documents more constrained and structured than plain HTML. You can customize the shape and structure of the documents your editor creates, and tailor them to your application's needs. ProseMirror has built-in, ground-up, rock solid support for collaborative editing, where multiple people work on the same document in real time. Document schemas allow editing documents with a custom structure without writing your own editor from scratch. A modular architecture makes sure you only load the code you need, and can replace parts of the system as needed. A plugin system allows you to easily enable additional functionality.
Popular Alternatives
Amaya
Using Amaya you can create Web pages and upload them onto a server. Authors can create a document from scratch, they can browse the web and find the information they need, copy and paste it to their pages, and create links to other Web sites. All this is done in a straightforward and simple manner, and actions are performed in a single consistent environment. Editing and browsing functions are integrated seamlessly in a single tool. Amaya always represents the document internally in a structured way consistent with the Document Type Definition (DTD). A properly structured document enables other tools to further process the data safely. Amaya allows you to display the document structure at the same time as the formatted view, which is portrayed diagrammatically on the screen. The editor helps you create and text out links to other documents on the Web from the document you currently are working on. You can view the links and get a feel for how the information is interconnected.
Learn more
Slate
Slate is a completely customizable framework for building rich text editors. Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs, which are becoming table stakes for applications on the web, without your codebase getting mired in complexity. It can do this because all of its logic is implemented with a series of plugins, so you aren't ever constrained by what is or isn't in "core". You can think of it like a pluggable implementation of contenteditable built on top of React. It was inspired by libraries like Draft.js, Prosemirror and Quill. Slate is currently in beta. Its core API is usable now, but you might need to pull request fixes for advanced use cases. Some of its APIs are not "finalized" and will (breaking) change over time as we find better solutions. The most important part of Slate is that plugins are first-class entities.
Learn more
Editor.js
Next generation block styled editor. Meet the new editor, on our webpage you can see it in action. It is a block-styled editor, it returns clean data output in JSON, and it is designed to be extendable and pluggable with a simple API. Workspace in classic editors is made of a single contenteditable element, used to create different HTML markups. Editor.js workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc. Each of them is an independent contenteditable element (or more complex structure) provided by Plugin and united by Editor's Core. There are dozens of ready-to-use Blocks and the simple API for creation any Block you need. For example, you can implement Blocks for Tweets, Instagram posts, surveys and polls, CTA-buttons and even games. Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, Editor.js outputs JSON object with data of each Block.
Learn more
HTML-NOTEPAD
It is a WYSIWYG editor of structured documents, texts that have hierarchical and semantically meaningful structure, headers, lists, plaintext islands, tables and so on. HTML-NOTEPAD is not a “web page editor”. Don’t even expect to create “cool web pages” with it. With modern CSS, WYSIWYG Web design is simply impossible. Web pages are crafted manually by editing CSS, that is by nature of CSS. But still, HTML-NOTEPAD can be useful for Web designers too, for the cases when we need to create textual (yet structural) content of our pages. HTML-NOTEPAD uses Sciter Engine for its UI. That means it is small, fast, does not have external dependencies and works on all major desktop operating systems, Windows (from XP to 10), Mac OS, and Linux. WYSIWYG editing has limitations, some operations are significantly more convenient to do in source code representation. That’s why HTML-NOTEPAD supports “pass-through selection”.
Learn more
Integrations
Company Information
ProseMirror
Founded: 2015
prosemirror.net
Videos and Screen Captures
You Might Also Like
Our Free Plans just got better! | Auth0 by Okta
You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your secuirty. Auth0 now, thank yourself later.
Product Details
Platforms Supported
SaaS
Training
Documentation
Support
Online