语法 - MdEditorV3 使用文档

🐶 标题

markdown 复制代码

## 标题

🐱 加粗

I have a dream that one day this nation will rise up.

markdown 复制代码

**I have a dream that one day this nation will rise up.**

🐭 斜体

It is a dream deeply rooted in the American dream.

markdown 复制代码

_It is a dream deeply rooted in the American dream._

🐹 删除线

~~It is a dream deeply rooted in the American dream.~~

markdown 复制代码

~~It is a dream deeply rooted in the American dream.~~

🐻 超链接

md-editor-v3

markdown 复制代码

[md-editor-v3](https://imzbf.github.io/md-editor-v3/)

🐼 图片

markdown 复制代码

![描述文字](https://imzbf.github.io/md-editor-v3/imgs/mark_emoji.gif 'title')

🙉 下划线

So even though we face the difficulties of today and tomorrow, I still have a dream.

markdown 复制代码

<u>So even though we face the difficulties of today and tomorrow, I still have a dream.</u>

🙊 上标

I have a dream that one day this nation will rise up.^[1]

markdown 复制代码

I have a dream that one day this nation will rise up.^[1]^

🐒 下标

I have a dream that one day this nation will rise up._[2]

markdown 复制代码

I have a dream that one day this nation will rise up.~[2]~

🐰 行内代码

md-editor-v3

markdown 复制代码

`md-editor-v3`

🦊 块级代码

markdown 复制代码

```js
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
```

🗄 代码组合

yarn
npm
pnpm

shell shell shell 复制代码

yarn add md-editor-v3

npm install md-editor-v3

pnpm install md-editor-v3

markdown 复制代码

```shell [id:yarn]
yarn add md-editor-v3
```

```shell [id:npm]
npm install md-editor-v3
```

```shell [id:pnpm]
pnpm install md-editor-v3
```

🤌🏻 强制折叠

js 复制代码

import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

markdown 复制代码

```js ::close
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
```

👐 强制展开

js 复制代码

import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

markdown 复制代码

```js ::open
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';
```

据其他编辑器的了解，目前没有其他编辑器使用类似的语法，如果需要拷贝你的内容到其他编辑器展示时，请谨慎使用该语法。

🐻‍❄️ 引用

引用：《I Have a Dream》

markdown 复制代码

> 引用：《I Have a Dream》

🐨 有序列表

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

markdown 复制代码

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.

🐯 无序列表

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

markdown 复制代码

- So even though we face the difficulties of today and tomorrow, I still have a dream.
- It is a dream deeply rooted in the American dream.
- I have a dream that one day this nation will rise up.

🦁 任务列表

周五
周六
周天

markdown 复制代码

- [ ] 周五
- [ ] 周六
- [x] 周天

支持在预览模块切换任务状态的示例

🐮 表格

表头1	表头2	表头3	表头4
左对齐	中间对齐	右对齐	默认

markdown 复制代码

| 表头1  |  表头2   |  表头3 | 表头4 |
| :----- | :------: | -----: | ----- |
| 左对齐 | 中间对齐 | 右对齐 | 默认  |

🐷 数学公式

有两种模式

🐽 行内

$x+y^{2x}$ $\xrightarrow[under]{over}$

markdown 复制代码

$x+y^{2x}$

<!-- or -->

\(\xrightarrow[under]{over}\)

🐸 块级

\sqrt[3]{x}

\xrightarrow[under]{over}

markdown 复制代码

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

<!-- or -->

\[\xrightarrow[under]{over}\]

更多公式示例参考：https://katex.org/docs/supported.html

🐵 图表

--- title: Example Git diagram --- gitGraph commit commit branch develop checkout develop commit commit checkout main merge develop commit commit

markdown 复制代码

```
---
title: Example Git diagram
---
gitGraph
   commit
   commit
   branch develop
   checkout develop
   commit
   commit
   checkout main
   merge develop
   commit
   commit
```

更多图形示例参考：https://mermaid.js.org/syntax/flowchart.html

🙈 提示

支持的类型

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

markdown 复制代码

!!! note 支持的类型

note、abstract、info、tip、success、question、warning

failure、danger、bug、example、quote、hint、caution、error、attention

!!!