prosemirror.net
ProseMirror
https://prosemirror.net
Examples
Examples of what ProseMirror can do, and how to do it. Basics. Setting up a minimal rich text editor using the example configuration. Dinos in the document. Defining a custom document node type and adding it to a schema. Friendly Markdown. Allow users to switch between a Markdown and WYSIWYM editing interface. Tooltip
Documentation
An introduction to the concepts used by the ProseMirror library, with examples. Reference manual. A full listing and description of the public API exported by the library, per module. Examples. Code examples that show how to implement common use cases.
Discuss
Discussion around the ProseMirror editor project. discuss.ProseMirror Topic Replies Views Activity; Welcome to discuss.ProseMirror. 0: 6241: September 4, 2015 How to re order columns of table using drag and drop? 1: 456: January 21, 2025 Small issues with pos and nodesBetween. 5: 24:
Reference Manual
ProseMirror is structured as a number of separate modules. This reference manual describes the exported API per module. If you want to use something from the prosemirror-state module, for example, you can import it like this: var EditorState = require ("prosemirror-state"). EditorState var state = EditorState. create ({schema: mySchema}) Or ...
Guide
prosemirror-state provides the data structure that describes the editor's whole state, including the selection, and a transaction system for moving from one state to the next. prosemirror-view implements a user interface component that shows a given editor state as an editable element in the browser, and handles user interaction with that element.
Markdown
The prosemirror-markdown package defines a ProseMirror schema that can express exactly the things that can be expressed in Markdown. It also comes with a parser and serializer that convert documents in this schema to and from Markdown text. To abstract the actual editor, we first create a simple interface around a textarea: ...