Imagine we need to include exotic, site-specific elements in our
documents. These may be handles to other objects in our system
(documents, users, etc), domain-specific widgets, or, in the case of
this demo, dinosaurs.
ProseMirror allows you to define custom document elements, along
with serialization and parsing methods to convert them to and from the
document formats you are interested in. These then become proper
semantic element in your document format.
In the editor below, dinosaurs are first-class elements in the
document model. They can appear anywhere where text can appear.
You can insert dinosaurs by typing their names enclosed by
brackets, such as
[pterodactyl]. The insert menu bar
also allows you to insert dinosaurs.
This paragraph , for example,
is full of
Dinosaurs can be selected, copied, pasted, dragged, and so