跳到主要內容

內容呈現:Markdown To HTML

使用 markdown-js 庫將 Markdown 轉換為 HTML,該庫遵循 John Gruber 的原始語法。源文字中的原始 HTML 會作為文字轉義,表格和圍欄程式碼塊等 GitHub 擴充套件不會被識別。

把 README 的某一節或釋出說明貼上到只接受 HTML 的 CMS 欄位中。

Markdown

適用場景

  • 把 README 的某一節或釋出說明貼上到只接受 HTML 的 CMS 欄位中。
  • 檢視一段基礎 Markdown 會生成哪些 HTML 標籤。

使用方法

  1. 將 Markdown 貼上到左側編輯器,或載入 .md 檔案。
  2. 閱讀右側生成的 HTML,並在下方的渲染預覽中檢查每個標題、列表和連結。
  3. 複製 HTML;其中只有正文標記,請在貼上的位置自行新增 CSS。

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

功能與限制

轉換在瀏覽器中進行。輸出是 HTML 片段,不含 <html>、<head> 或樣式表;預覽在停用指令碼的沙箱框架中渲染。

只支援原始 Markdown。管道表格、任務列表、~~刪除線~~ 和 ``` 圍欄程式碼會保留為文字;程式碼塊請使用 4 空格縮排。

像 <div> 這樣的行內 HTML 會被轉義為 &lt;div&gt;,不會原樣輸出。

圖片會變為指向原始 URL 的 <img> 標籤;檔案不會被嵌入。

FAQ

為什麼我的 ``` 程式碼圍欄沒有變成 <pre> 塊?

該庫早於圍欄程式碼出現。圍欄會被當作段落中的行內程式碼。將程式碼縮排四個空格即可得到 <pre><code>。

支援 GitHub Flavored Markdown 表格嗎?

不支援。像 | a | b | 這樣的行會輸出為普通段落。

能在 Markdown 中保留原始 HTML 嗎?

不能。HTML 標籤會被轉義並在結果中顯示為文字,因此嵌入的 <div> 不會渲染為元素。

規範與參考資料