- [What's new](#whats-new) - [Upgrade steps](#upgrade-steps)

Markdown 到 HTML 轉換器將 Markdown 原始碼(自述文件、變更日誌、部落格草稿、一組發布說明)轉換為瀏覽器或 CMS 實際呈現的 HTML。在左側貼上或鍵入 Markdown,您會在右側獲得語義 HTML:標題變為 h1 veholdh6,圍欄程式碼變為 pre,帶有語言類別的程式碼變為 ul 和 ol,以及 GitHub 擴充功能(例如表格、任務清單和刪除線)的處理方式GitHub 呈現它們的方式。
Markdown 是一種純文字書寫格式,而不是顯示格式。它出現在頁面上的任何位置 - 文檔網站、靜態部落格、電子郵件範本、僅接受 HTML 的 CMS 欄位 - 必須先編譯它。在瀏覽器中執行此操作,而不是在建置中拉動解析器或將草稿貼上到您無法控制的服務中,是標記出來並繼續進行的最快方法。
一切都運行客戶端。 轉換器是一個手寫解析器,而不是一個包裹在遠端 API 中,因此您的未發布的帖子、內部文件和私人發行說明永遠不會離開頁面。 切換 GitHub Flavored Markdown、標題錨點 ID、單線中斷和原始 HTML 傳遞,然後複製 HTML、下載 .html 檔案或取得產生的目錄。
Markdown 允許原始 HTML 內聯,這使得安全問題成為現實而不是理論:包含腳本標籤的文件是有效的 Markdown,傳遞它的轉換器會產生在渲染時運行的 HTML。因此,預設情況下會轉義此處的輸出,因此來自不受信任來源的 Markdown 檔案無法將標記走私到您的頁面中。如果您正在轉換自己的內容並希望保留原始 HTML,則這是故意的選擇而不是預設的。需要知道的另一件事是 Markdown 沒有單一規範。 GitHub Flavored Markdown 在此實現,它涵蓋表格、任務清單、刪除線和圍欄程式碼,這些是擴充功能而不是原始語法的一部分,因此嚴格的 CommonMark 渲染器不會顯示它們。
將 Markdown 鍵入或貼上到編輯器中 - 自述文件、變更日誌、編輯器中的註釋、任何內容。輸入時輸出會更新;如果您想查看支援的內容,請載入範例。
將表格、任務清單、刪除線和裸網址連結轉到 GitHub 調味的降價。 為深度連結添加標題 ID,如果一條換行符號應該變成 <br />,則啟用換行符,如果您的 Markdown 已經包含標籤,則允許原始 HTML。
在 HTML 原始碼和渲染的預覽之間切換以確認結構符合您的期望,並讀取文件統計資料 - 文字、標題、連結、程式碼區塊和讀取時間。
將 HTML 複製到剪貼簿,將其下載為獨立的 .html 檔案,或複製從標題錨點建立的自動產生的 Markdown 目錄。
具有列對齊、任務清單複選框、~~刪除線~~ 和裸 URL 自動連結的表格 - 您的自述文件已經依賴的擴充
圍欄區塊變成 <pre><code class="language-js">,類別名稱 Prism, highlight.js 和 shiki 期望,因此在將輸出貼到您的網站的那一刻,語法高光工作
每個標題都會得到一個經過刪減、去重複的 ID,並且該工具會產生一個匹配的 Markdown 目錄,您可以將其貼回文件頂部
除非您選擇加入,否則來源中的原始 HTML 會被轉義,並且即時預覽會剝離腳本、樣式和內聯事件處理程序 - 因此貼上其他人的 Markdown 無法運行他們的程式碼
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. 100% client-side.
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Generate a linked table of contents from Markdown headings
0 comments
No comments yet. Be the first to share your thoughts!