ProseMirror Editor examples

ProseMirror is an open-source toolkit for building customizable, feature-rich text editors.

A good example of ProseMirror design, is that they are not built on listening events, but on commands dispatching. If you consider the DOM as the source, then it's a CQRS implementation, similar to redux or blockchains approaches.

Type @ to select a @User : unmatched user will close the box

Type # to select or create a #Hashtag : SPACE will select the hashtag

Type <> to select or create an <>IdeaFlow : free flow text

Then, type ENTER or TAB to select your choice, ESCAPE to cancel it.