Syntax - MdEditorRT Documentation

🐶 Heading

markdown Copy

## Heading

🐱 Bold

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

markdown Copy

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

🐭 Italic

It is a dream deeply rooted in the American dream.

markdown Copy

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

🐹 Strikethrough

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

markdown Copy

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

🐻 Link

md-editor-rt

markdown Copy

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

🐼 Picture

markdown Copy

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

🙉 Underline

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

markdown Copy

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

🙊 Superscript

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

markdown Copy

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

🐒 Subscript

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

markdown Copy

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

🐰 Inline Code

md-editor-rt

markdown Copy

`md-editor-rt`

🦊 Block Code

markdown Copy

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

🗄 Combination

yarn
npm
pnpm

shell shell shell Copy

yarn add md-editor-rt

npm install md-editor-rt

pnpm install md-editor-rt

markdown Copy

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

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

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

🤌🏻 Forcefully fold

js Copy

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

markdown Copy

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

👐 Forcefully open

js Copy

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

markdown Copy

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

According to the understanding of other editors, no other editors currently employ a similar syntax. Exercise caution when using this syntax if you intend to copy your content for display in other editors.

🐻‍❄️ Quote

Quote: I Have a Dream

markdown Copy

> Quote: I Have a Dream

🐨 Ordered List

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 Copy

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.

🐯 Unordered List

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 Copy

- 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.

🦁 Task List

Friday
Saturday
Sunday

markdown Copy

- [ ] Friday
- [ ] Saturday
- [x] Sunday

Example that supports toggling task status in the preview module.

🐮 Table

THead1	THead2	THead3	THead4
text-align:left	text-align:center	text-align:right	default

markdown Copy

| THead1          |      THead2       |           THead3 | THead4  |
| :-------------- | :---------------: | ---------------: | ------- |
| text-align:left | text-align:center | text-align:right | default |

🐷 Mathematical Formula

Two modes.

🐽 Inline

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

markdown Copy

$x+y^{2x}$

<!-- or -->

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

🐸 Block

\sqrt[3]{x}

\xrightarrow[under]{over}

markdown Copy

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

<!-- or -->

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

For more usage: https://katex.org/docs/supported.html

🐵 Diagram

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

markdown Copy

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

For more usage: https://mermaid.js.org/syntax/flowchart.html

🙈 Alert

Supported Types

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

markdown Copy

!!! note Supported Types

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

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

!!!

📊 Echarts

>= v6.0.0

{ tooltip: { trigger: 'axis' }, xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: 'line' } ] }

markdown Copy

```echarts
{
  tooltip: {
    trigger: 'axis'
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
}
```

Please note that this module will not handle dangerous code, and you need to ensure the security of your data on your own!