內容呈現:Markdown To HTML
使用 markdown-js 庫將 Markdown 轉換為 HTML,該庫遵循 John Gruber 的原始語法。源文字中的原始 HTML 會作為文字轉義,表格和圍欄程式碼塊等 GitHub 擴充套件不會被識別。
把 README 的某一節或釋出說明貼上到只接受 HTML 的 CMS 欄位中。
適用場景
- 把 README 的某一節或釋出說明貼上到只接受 HTML 的 CMS 欄位中。
- 檢視一段基礎 Markdown 會生成哪些 HTML 標籤。
使用方法
- 將 Markdown 貼上到左側編輯器,或載入 .md 檔案。
- 閱讀右側生成的 HTML,並在下方的渲染預覽中檢查每個標題、列表和連結。
- 複製 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 會被轉義為 <div>,不會原樣輸出。
圖片會變為指向原始 URL 的 <img> 標籤;檔案不會被嵌入。
FAQ
為什麼我的 ``` 程式碼圍欄沒有變成 <pre> 塊?
該庫早於圍欄程式碼出現。圍欄會被當作段落中的行內程式碼。將程式碼縮排四個空格即可得到 <pre><code>。
支援 GitHub Flavored Markdown 表格嗎?
不支援。像 | a | b | 這樣的行會輸出為普通段落。
能在 Markdown 中保留原始 HTML 嗎?
不能。HTML 標籤會被轉義並在結果中顯示為文字,因此嵌入的 <div> 不會渲染為元素。