Skip to content

Milkdown/examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

☝️ Click the menu button to navigate.

examples

A list of examples for milkdown

Frameworks Starter

Examples for different frameworks.

Vanilla Commonmark

Open in StackBlitz

A simple example of using milkdown with vanilla typescript.

React Commonmark

Open in StackBlitz

A simple example of using milkdown with React.

Vue Commonmark

Open in StackBlitz

A simple example of using milkdown with Vue.

Svelte Commonmark

Open in StackBlitz

A simple example of using milkdown with Svelte.

Solid Commonmark

Open in StackBlitz

A simple example of using milkdown with Solid.

Next Commonmark

Open in StackBlitz

A simple example of using milkdown with Next.

Nuxt Commonmark

Open in StackBlitz

A simple example of using milkdown with Nuxt.

Plugin Examples

Example for creating different kinds of plugins.

Vanilla Shiki Highlight

Open in StackBlitz

A simple example for adding shiki highlight for milkdown.

Vanilla Iframe Syntax

Open in StackBlitz

A custom iframe syntax example of using milkdown with vanilla typescript.

Vanilla Collab

Open in StackBlitz

A example for using milkdown with yjs to build a collaborative editor.

Vanilla OpenAI

Open in StackBlitz

A example for using openAI to build a copilot for milkdown editor.

React Custom Component

Open in StackBlitz

A example for using react to render milkdown component.

Vue Custom Component

Open in StackBlitz

A example for using vue to render milkdown component.

React Tooltip

Open in StackBlitz

A example for using react to render tooltip plugin.

Vue Tooltip

Open in StackBlitz

A example for using vue to render tooltip plugin.

Vanilla Slash

Open in StackBlitz

A example for vanilla typescript to render slash plugin.

React Slash

Open in StackBlitz

A example for using react to render slash plugin.

Vue Slash

Open in StackBlitz

A example for using vue to render slash plugin.

React Block

Open in StackBlitz

A example for using react to render block plugin.

Vue Block

Open in StackBlitz

A example for using vue to render block plugin.

Components

Link Tooltip

Open in StackBlitz

A example for using link tooltip component in milkdown.

Image Block

Open in StackBlitz

A example for using image block component in milkdown.

Image Inline

Open in StackBlitz

A example for using image inline component in milkdown.

Code Block

Open in StackBlitz

A example for using code block component in milkdown.

List Item Block

Open in StackBlitz

A example for using list item block component in milkdown.

Table Block

Open in StackBlitz

A example for using table block component in milkdown.

Editors

Crepe

Open in StackBlitz

A example for using crepe editor, which is a markdown editor based on Milkdown.

License

MIT