Markdown 線上編輯器

左邊寫 Markdown,右邊看即時預覽。用工具列加格式,或從下方語法速查帶入範例,寫好後下載 Markdown 或轉成 HTML。

解析在你的瀏覽器裡完成。內容不會保存,請自行下載。預覽中的外部圖片會向圖片網址發出請求。

廣告

本工具結果僅供參考。要做重大決定前,請先請教專業人士;本站不對使用結果負責。

選取文字後按工具列即可套用。Tab 插入兩個空白;選取多行時逐行縮排,Shift+Tab 取消縮排。按 Esc 再按 Tab 往後、Shift+Tab 往前離開輸入框。

即時預覽

字數(不含空白,含語法符號):0|行數:0

本工具結果僅供參考。要做重大決定前,請先請教專業人士;本站不對使用結果負責。

廣告

Markdown 語法速查

每張卡片上方是寫法,下方是效果。「帶入編輯器」會把範例加在文末,不會清掉原文。

標題

怎麼寫

# 大標題
## 次標題
### 小標題

長怎樣

大標題
次標題
小標題

段落與換行

怎麼寫

第一行
第二行

另一段

長怎樣

第一行
第二行

另一段

粗體、斜體、刪除線

怎麼寫

**重點**、*補充*、~~刪除~~

長怎樣

重點、補充、刪除

行內程式碼

怎麼寫

`const x = 1;`

長怎樣

const x = 1;

程式碼區塊

怎麼寫

```js
const x = 1;
```

長怎樣

const x = 1;

巢狀引言

怎麼寫

> 引用
> > 引用中的引用

長怎樣

引用

引用中的引用

無序與巢狀清單

怎麼寫

- 項目一
  - 子項目
    1. 第三層
- 項目二

長怎樣

  • 項目一
    • 子項目
      1. 第三層
  • 項目二

有序清單

怎麼寫

1. 第一步
2. 第二步

長怎樣

  1. 第一步
  2. 第二步

工作清單

怎麼寫

- [ ] 待辦
- [x] 完成

長怎樣

  • 待辦
  • 完成

連結與標題文字

怎麼寫

[範例](https://example.com "標題")

長怎樣

圖片與標題文字

怎麼寫

![圖片說明](image.png "圖片標題")

長怎樣

圖片:替代文字「圖片說明」,路徑 image.png,標題「圖片標題」。檔案存在時才會顯示圖片。

自動連結

怎麼寫

<https://example.com> 或 <[email protected]>

長怎樣

分隔線

怎麼寫

---

長怎樣


表格與對齊

怎麼寫

| 左 | 中 | 右 |
| :--- | :---: | ---: |
| 一 | 二 | 三 |

長怎樣

左中右
一二三

反斜線跳脫

怎麼寫

\*這不是斜體\*

長怎樣

*這不是斜體*

Markdown 是什麼

Markdown 用簡單的文字符號表示格式。例如在一行前面加 # 就是標題,用 ** 包住文字就是粗體。原始文字方便編輯,也能轉成 HTML 來閱讀。

常見用途包括筆記、說明文件、文章草稿與待辦清單。這裡著重寫作和格式預覽;只想統計文章長度可用字數計算,整理英文可用英文大小寫轉換,調整字元形式可用全形半形轉換。

怎麼用

  1. 貼上 Markdown,或點語法卡片帶入範例。
  2. 選取文字後用工具列加格式,右邊預覽會隨輸入更新;手機上下顯示。
  3. 複製 Markdown 保留原始文字,或複製 HTML 原始碼。下載 .html 會附基本樣式。
  4. 離開前自行下載。重新整理、關閉頁面都不會保留內容。

計算依據與支援範圍

本頁依上方速查寫法逐行解析,不使用第三方解析套件。支援 # 到 ###### 標題、空白行分段、換行、粗體、斜體、刪除線、行內程式碼、三個反引號的程式碼區塊、巢狀引言、巢狀與混合清單、工作清單、連結、圖片、標題文字、自動連結、分隔線、表格對齊與標點的反斜線跳脫。

限制與網址規則

這不是完整 CommonMark 解析器。不支援註腳、參照式連結、HTML 區塊、數學公式、底線式標題、波浪線圍欄、縮排程式碼區塊,以及完整的鬆散清單和段落延續規則。巢狀解析最多 64 層,超出的內容當文字。單行超過 1,024 個星號、底線、波浪號、反引號、方括號或角括號時,該行的行內語法當文字顯示。複雜的交錯強調符號可能和其他編輯器不同。

原始 HTML 一律當文字顯示。連結與圖片只接受 http、https、mailto 及相對路徑;javascript、data(包括 data:image)及其他協定當純文字。網址含空白、控制字元、反斜線或實體編碼時也當純文字。網址中的空白請寫成 %20。預覽不會執行輸入的程式碼。

廣告

常見問題

這個 Markdown 線上編輯器會保存內容嗎?

內容在瀏覽器裡解析,不會由本工具保存。重新整理或關閉頁面就會清空,請自行下載 Markdown 或 HTML 檔案。

Markdown 轉 HTML 後可以直接開啟嗎?

下載的 HTML 含文字編碼與基本樣式,可直接用瀏覽器開啟。相對路徑的圖片與連結仍需要對應的檔案;外部圖片也需要網路。

為什麼預覽和其他編輯器不一樣?

本頁使用自己的簡化解析規則,不是完整 CommonMark。每個非空白行的換行都會顯示為換行,空白行則分段;不支援的語法會當成一般文字。

可以在 Markdown 裡放 HTML 或程式碼嗎?

可以寫程式碼區塊,但原始 HTML 一律顯示成文字,不會執行。javascript 與 data 網址不會變成連結或圖片。

其他免費工具

其他分類