Markdown 預覽
一邊輸入 Markdown 一邊預覽,並可複製安全處理過的 HTML。
左側輸入 Markdown,右側即時預覽。「複製 HTML」會複製安全處理過的 HTML。
預覽
預覽會顯示在這裡。
Markdown 中的原始 HTML 標籤、script、iframe 與事件屬性都會在預覽前被移除,貼上來源不明的內容也不必擔心。
這個 Markdown 編輯器怎麼運作
Markdown 是用純文字撰寫排版文件的方式:# 代表標題、星號代表強調、短橫線代表清單。這個線上 Markdown 預覽工具使用 marked 套件,以 GitHub Flavored Markdown 規則轉換你的文字,表格、待辦清單、刪除線與程式碼區塊的行為都和 GitHub README 一樣。產生的 HTML 放進頁面之前會先經過 DOMPurify 清理,script 標籤、行內事件屬性、iframe 與 javascript: 連結都會被移除。「複製 HTML」會把這份清理後的 HTML 放進剪貼簿,可直接貼到 CMS、電子報範本或部落格編輯器;「複製 Markdown」則原封不動複製原始文字。
語法提醒
- 標題:行首加 1 到 6 個 #。段落之間請留一行空白;和 GitHub 一樣,單一換行不會真的換行,需要時在行尾加兩個空格或反斜線。
- 清單:行首用 -、* 或 1.,縮排兩個空格即為巢狀項目。待辦清單寫成 - [ ] 與 - [x]。
- 表格:先寫標題列,再寫分隔列(例如 | --- | :---: | ---: |,冒號位置決定對齊方式),之後每行一筆資料。
- 程式碼:行內程式碼用反引號包起來;較長的程式碼放在三個反引號之間,可加上語言名稱,會保留為 code 元素的 class 供語法標示套件使用。
- 連結與圖片:[文字](https://example.com) 與 ,圖片由瀏覽器直接從該網址載入。原始 HTML 會被移除,請盡量使用 Markdown 語法。
隱私
你的 Markdown 只留在裝置上,不會上傳或儲存,草稿、內部文件與私人筆記都可以放心在這裡預覽。