Markdown語法

如需在線托管MarkDown文檔否副,建議選擇文檔倉庫佩憾,這是一個永久免費的中文文檔在線管理工具,支持Markdown和富文本實時編輯預覽萄涯,支持文檔歷史對比功能绪氛,支持私有文檔和加密分享和本編輯器功能趨近唆鸡。

Markdown是一種輕量級的「標記語言」

markdown

Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法枣察,它可以使普通文本內(nèi)容具有一定的格式争占。它允許人們使用易讀易寫的純文本格式編寫文檔燃逻,然后轉換成格式豐富的HTML頁面,Markdown文件的后綴名便是“.md”

MdEditor是一個在線編輯Markdown文檔的編輯器

MdEditor擴展了Markdown的功能(如表格臂痕、腳注伯襟、內(nèi)嵌HTML等等),以使讓Markdown轉換成更多的格式握童,和更豐富的展示效果姆怪,這些功能原初的Markdown尚不具備。

Markdown增強版中比較有名的有Markdown Extra澡绩、MultiMarkdown稽揭、 Maruku等。這些衍生版本要么基于工具肥卡,如Pandoc溪掀,Pandao;要么基于網(wǎng)站步鉴,如GitHub和Wikipedia揪胃,在語法上基本兼容,但在一些語法和渲染效果上有改動氛琢。

MdEditor源于Pandao的JavaScript開源項目喊递,開源地址Editor.md,并在MIT開源協(xié)議的許可范圍內(nèi)進行了優(yōu)化阳似,以適應廣大用戶群體的需求册舞。向優(yōu)秀的markdown開源編輯器原作者Pandao致敬。

Pandao editor.md

MdEditor的功能列表演示

標題H1

標題H2

標題H3

標題H4

標題H5
標題H5

字符效果和橫線等


刪除線 <s>刪除線(開啟識別HTML標簽時)</s>

斜體字 斜體字

粗體 粗體

粗斜體 粗斜體

上標:X2障般,下標:O2

縮寫(同HTML的abbr標簽)

即更長的單詞或短語的縮寫形式调鲸,前提是開啟識別HTML標簽時,已默認開啟

The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.

引用 Blockquotes

引用文本 Blockquotes

引用的行內(nèi)混合 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

行內(nèi)代碼 Inline code

執(zhí)行命令:npm install marked

縮進風格

即縮進四個空格定拟,也做為實現(xiàn)類似 <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 (-)

  1. 第一行
  2. 第二行
  3. 第三行

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

項目 價格 數(shù)量
計算機 $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

? & ¨ ? ? £
& < > ¥ € ? ± ? § | ˉ ? ·

X2 Y3 ? ? × ÷ ?

18oC " '

[========]

Emoji表情 :smiley:

Blockquotes :star:

GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:

  • [x] :smiley: @mentions, :smiley: #refs, links, formatting, and <del>tags</del> supported :editormd-logo:;
  • [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
  • [x] [ ] :smiley: this is a complete item :smiley:;
  • [ ] []this is an incomplete item test link :fa-star: @pandao;
  • [ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
    • [ ] :smiley: this is an incomplete item test link :fa-star: :fa-gear:;
    • [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item test link;

反斜杠 Escape

*literal asterisks*

[========]

科學公式 TeX(KaTeX)

E=mc^2

行內(nèi)的公式E=mc^2行內(nèi)的公式撑瞧,行內(nèi)的E=mc^2公式加匈。

x > y

\(\sqrt{3x-1}+(1+x)^2\)

\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))

多行公式:

\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!

End

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市躏仇,隨后出現(xiàn)的幾起案子延窜,更是在濱河造成了極大的恐慌恋腕,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逆瑞,死亡現(xiàn)場離奇詭異荠藤,居然都是意外死亡伙单,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門哈肖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吻育,“玉大人,你說我怎么就攤上這事淤井〔继郏” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵币狠,是天一觀的道長缎除。 經(jīng)常有香客問我,道長总寻,這世上最難降的妖魔是什么器罐? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮渐行,結果婚禮上轰坊,老公的妹妹穿的比我還像新娘。我一直安慰自己祟印,他們只是感情好肴沫,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蕴忆,像睡著了一般颤芬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上套鹅,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天站蝠,我揣著相機與錄音,去河邊找鬼卓鹿。 笑死菱魔,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的吟孙。 我是一名探鬼主播澜倦,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼杰妓!你這毒婦竟也來了藻治?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤巷挥,失蹤者是張志新(化名)和其女友劉穎桩卵,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡吸占,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年晴叨,在試婚紗的時候發(fā)現(xiàn)自己被綠了凿宾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片矾屯。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖初厚,靈堂內(nèi)的尸體忽然破棺而出件蚕,到底是詐尸還是另有隱情,我是刑警寧澤产禾,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布排作,位于F島的核電站,受9級特大地震影響亚情,放射性物質(zhì)發(fā)生泄漏妄痪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一楞件、第九天 我趴在偏房一處隱蔽的房頂上張望衫生。 院中可真熱鬧,春花似錦土浸、人聲如沸罪针。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽泪酱。三九已至,卻和暖如春还最,著一層夾襖步出監(jiān)牢的瞬間墓阀,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工拓轻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留岂津,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓悦即,卻偏偏與公主長得像吮成,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辜梳,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Editor.md 目錄 (Table of Contents) [TOCM] [TOC] Heading 1 H...
    百度怎么用閱讀 1,819評論 1 1
  • Markdown 是Daring Fireball 先生創(chuàng)建的粱甫,原始使用規(guī)范在這里 ,但是在不同的語法分析器和編輯...
    PrideAndJoy閱讀 1,360評論 0 0
  • Markdown: Syntax 概述 哲學 行內(nèi) HTML 特殊字符自動轉換 區(qū)塊元素 段落和換行 標題 區(qū)塊引...
    未知代碼閱讀 7,511評論 6 50
  • Mou Overview Mou, the missing Markdown editor for web dev...
    Boy_iOS閱讀 265評論 0 0
  • 四月的天氣格外“涼爽”作瞄,仿佛是川劇的臉茶宵,前些天稍微的暖意,瞬間被一場突入其來地大雪壓了回去宗挥。 沈敏的愛情乌庶,也是一樣...
    蒼山路閱讀 340評論 2 4