歡迎使用 Markdown在線編輯器 MdEditor
Markdown是一種輕量級的「標記語言」
Markdown是一種可以使用普通文本編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文本內容具有一定的格式。它允許人們使用易讀易寫的純文本格式編寫文檔，然后轉換成格式豐富的HTML頁面，Markdown文件的后綴名便是“.md”
MdEditor是一個在線編輯Markdown文檔的編輯器
MdEditor擴展了Markdown的功能（如表格、腳注、內嵌HTML等等），以使讓Markdown轉換成更多的格式，和更豐富的展示效果，這些功能原初的Markdown尚不具備。
Markdown增強版中比較有名的有Markdown Extra、MultiMarkdown、 Maruku等。這些衍生版本要么基於工具，如
Pandoc，Pandao；要么基於網站，如GitHub和Wikipedia，在語法上基本兼容，但在一些語法和渲染效果上有改動。
MdEditor源於Pandao的JavaScript開源項目，開源地址Editor.md，並在MIT開源協議的許可范圍內進行了優化，以適應廣大用戶群體的需求。向優秀的markdown開源編輯器原作者Pandao致敬。
MdEditor的功能列表演示
標題H1
標題H2
標題H3
標題H4
標題H5
標題H5
字符效果和橫線等
刪除線 刪除線（開啟識別HTML標簽時）
斜體字 斜體字
粗體 粗體
粗斜體 粗斜體
上標：X2，下標：O2
縮寫(同HTML的abbr標簽)
即更長的單詞或短語的縮寫形式，前提是開啟識別HTML標簽時，已默認開啟
The HTML specification is maintained by the W3C.
引用 Blockquotes
引用文本 Blockquotes
引用的行內混合 Blockquotes
引用：如果想要插入空白換行
即<br />標簽，在插入處先鍵入兩個以上的空格然后回車即可，普通鏈接。
錨點與鏈接 Links
普通鏈接
普通鏈接帶標題
直接鏈接：https://www.mdeditor.com
[錨點鏈接][anchor-id]
[anchor-id]: https://www.mdeditor.com/
mailto:test.test@gmail.com
GFM a-tail link @pandao
郵箱地址自動鏈接 test.test@gmail.com www@vip.qq.com
@pandao
多語言代碼高亮 Codes
行內代碼 Inline code
執行命令：npm install marked
縮進風格
即縮進四個空格，也做為實現類似 <pre> 預格式化文本 ( Preformatted Text ) 的功能。
<?php
echo "Hello world!";
?>
預格式化文本：
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
JS代碼
function test() {
console.log("Hello world!");
}
HTML 代碼 HTML codes
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<meta name="keywords" content="Editor.md, Markdown, Editor" />
<title>Hello world!</title>
<style type="text/css">
body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
ul{list-style: none;}
img{border:none;vertical-align: middle;}
</style>
</head>
<body>
<h1 class="text-xxl">Hello world!</h1>
<p class="text-green">Plain text</p>
</body>
</html>
圖片 Images
圖片加鏈接 (Image + Link)：
Follow your heart.
列表 Lists
無序列表（減號）Unordered Lists (-)
- 列表一
- 列表二
- 列表三
無序列表（星號）Unordered Lists (*)
- 列表一
- 列表二
- 列表三
無序列表（加號和嵌套）Unordered Lists (+)
- 列表一
- 列表二
- 列表二-1
- 列表二-2
- 列表二-3
- 列表三
- 列表一
- 列表二
- 列表三
有序列表 Ordered Lists (-)
- 第一行
- 第二行
- 第三行
GFM task list
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [ ] GFM task list 4-2
繪制表格 Tables
| 項目 | 價格 | 數量 |
|---|---|---|
| 計算機 | $1600 | 5 |
| 手機 | $12 | 12 |
| 管線 | $1 | 234 |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Function name | Description |
|---|---|
help() |
Display the help window. |
destroy() |
Destroy your computer! |
| Left-Aligned | Center Aligned | Right Aligned |
|---|---|---|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
| Item | Value |
|---|---|
| Computer | $1600 |
| Phone | $12 |
| Pipe | $1 |
特殊符號 HTML Entities Codes
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
[========]
Emoji表情 😃
Blockquotes ⭐
GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
- [x] 😃 @mentions, 😃 #refs, links, formatting, and
tagssupported :editormd-logo:; - [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
- [x] [ ] 😃 this is a complete item 😃;
- [ ] []this is an incomplete item test link :fa-star: @pandao;
- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
反斜杠 Escape
*literal asterisks*
[========]
科學公式 TeX(KaTeX)
行內的公式$$E=mc2$$行內的公式，行內的$$E=mc2$$公式。
多行公式：
\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
\displaystyle
\frac{1}{
\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
1+\frac{e^{-6\pi}}
{1+\frac{e^{-8\pi}}
{1+\cdots} }
}
}
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
分頁符 Page break
Print Test: Ctrl + P
[========]
繪制流程圖 Flowchart
st=>start: 用戶登陸
op=>operation: 登陸操作
cond=>condition: 登陸成功 Yes or No?
e=>end: 進入后台
st->op->cond
cond(yes)->e
cond(no)->op
[========]
繪制序列圖 Sequence Diagram
Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!