example

😲 md-editor-v3

Markdown Editor for Vue3, developed in jsx and typescript, support different themes、beautify content by prettier.

🤖 Base

bold, underline, italic, line-through, superscript26, subscript1, inline code, link

quote: I Have a Dream

  1. So even though we face the difficulties of today and tomorrow, I still have a dream.
  2. It is a dream deeply rooted in the American dream.
  3. I have a dream that one day this nation will rise up.
  • Friday
  • Saturday
  • Sunday Picture

🤗 Code

1
2
3
4
5
6
7
8
9
10
11
<template>
<MdEditor v-model="text" />
</template>

<script setup>
import { ref } from 'vue';
import { MdEditor } from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

const text = ref('Hello Editor!');
</script>

🖨 Text

The Old Man and the Sea served to reinvigorate Hemingway’s literary reputation and prompted a reexamination of his entire body of work.

📈 Table

nickname from
zhijian ChongQing, China

📏 Formula

Inline: $x+y^{2x}$

$$
\sqrt[3]{x}
$$

🧬 Diagram

1
2
flowchart TD
Start --> Stop

🪄 Alert

!!! note Supported Types

note、abstract、info、tip、success、question、warning、failure、danger、bug、example、quote、hint、caution、error、attention

!!!

☘️ em…