Milkdown

Milkdown is a WYSIWYG markdown editor framework.

Here is the repo (right click to open link).
We only support commonmark. GFM is also supported!

You can check the output markdown text in two columns editing.

one

two

threee

four

.

Features

WYSIWYG Markdown - Write markdown in an elegant way

Themable - Theme can be shared and used with npm packages

Hackable - Support your awesome idea by plugin

Reliable - Built on top of prosemirror and remark

Slash & Tooltip - Write fast for everyone, driven by plugin

Math - LaTeX math equations support, driven by plugin

Table - Table support with fluent ui, driven by plugin

Diagram - Diagram support with mermaid, driven by plugin

Collaborate - Shared editing support with yjs, driven by plugin

Clipboard - Support copy and paste markdown, driven by plugin

Emoji - Support emoji shortcut and picker, driven by plugin

Made by

Programmer: Mirone

Designer: Mirone

You can add inline code and code block:

function main() {
  console.log('Hello milkdown!');
}

Tips: use <mod>+<enter> to exit blocks such as code block.

You can type |3x2|<space> to create a table:

Math is supported by TeX expression.

Now we have some inline math: $E = mc^2$. You can click to edit it.

Math block is also supported.

You can type $$<space> to create a math block.

Use emoji cheat sheet such as :+1: to add emoji¹.

You may notice the emoji filter while inputting values, try to type `:baby` to see the list.

Diagrams is powered by mermaid.

You can type ```mermaid to add diagrams.

Have fun!