skip to content
AvatarBibby’s Info

Markdown Test

Markdown 是一種可以使用普通文字編輯器編寫的標記語言，通過簡單的標記語法，它可以使普通文字內容具有一定的格式。它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的 HTML 頁面，Markdown 檔案的字尾名便是“.md”

2022-01-20-17-18-49

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 />標籤，在插入處先鍵入兩個以上的空格然後回車即可，普通連結。

普通連結 普通連結帶標題

[錨點連結][anchor-id] [anchor-id]: https://www.neverapp.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

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

  • GFM task list 1
  • 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

專案價格數量
計算機$16005
手機$1212
管線$1234
First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
Function nameDescription
help()Display the help window.
destroy()Destroy your computer!
Left-AlignedCenter AlignedRight Aligned
col 3 issome wordy text$1600
col 2 iscentered$12
zebra stripesare neat$1
ItemValue
Computer$1600
Phone$12
Pipe$1

特殊符號 HTML Entities Codes

© & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·

X² Y³ ¾ ¼ × ÷ »

18ºC ” ’

[========]

Emoji 表情 :smiley:

Blockquotes :star:

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

  • :smiley: @mentions, :smiley: #refs, links, formatting, and tags supported :editormd-logo:;
  • list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
  • [ ] :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*

[========]

分頁符 Page break

Print Test: Ctrl + P

End