Skip to content

Proof of concept of a Rich Content Editor using TipTap

Enrique Alcántara requested to merge tiptap-proof-of-concept into master

This proof of concept attempts to make some of the concepts and design decisions described in the WYSIWYG editor architecture issue concrete by demonstrating them in an example. It sets up TipTap, ProseMirror, and Markdown-it to implement a WYSIWYG editor that generates Markdown from rich text and convert markdown to a rich text. You can see the raw markdown in the "Source view" and the rich text version in the "Editor view". Changes between the two modes are synchronized.

Markdown view Source view
Screen_Shot_2020-11-02_at_2.03.15_PM Screen_Shot_2020-11-02_at_2.03.22_PM

This Merge Request is heavily annotated to indicate how each concept in the architecture documentation translates to its source code. The editor implemented in this MR supports a small subset of the Commonmark specification. It also includes a frontmatter plugin to showcase the extensibility and modularity characteristics of the architecture.

Edited by Enrique Alcántara

Merge request reports