ProseMark VS Code Extension | Demo

ProseMark is a modular toolkit for building "What You See Is What You Mean" (WYSIWYM) markdown editors, a type of editor that merges the look of rendered markdown into the editor itself rather than rendering the markdown in a separate window. Two of the most well-known editors of this type are Obsidian and Typora.

This project is structured as a set of extensions for CodeMirror 6, and is broken up into the following packages:

• @prosemark/core: the core functionality needed for the WYSIWYM editor.
• @prosemark/render-html: renders blocks of HTML code inside code fences.
• @prosemark/paste-rich-text: enables pasting formatted rich text into the editor.

• Inline styling including italics, bold text, code spans, and strike throughs.
• Links
• Headings (ATX and Setext)
• Ordered and unordered lists
• Task (checkbox) lists
• Images
• Block quotes
• Code fences with syntax highlighting
• Rendered HTML

🚧 Under construction 🚧