什麼是富文字編輯器?
一款所見即所得文字編輯器,支援格式工具列、標題、清單、連結和圖片。無需註冊帳號,撰寫帶格式的文件並匯出為 HTML 或 Markdown,資料完全私密。
編輯器以 Tiptap 框架為基礎,支援 H1 到 H3 標題、有序與無序清單、引用區塊、連結、嵌入圖片,以及包含兩端對齊在內的四種對齊方式。工具列包含粗體、斜體、底線與刪除線,還有適合技術筆記的行內程式碼和程式碼區塊。內建的尋找取代面板能讓你逐一檢視符合項,接著單獨或一次全部取代,全螢幕模式則會清空頁面,讓你專心寫作。草稿會自動儲存到你的裝置上,所以重新整理或不小心關閉都不會弄丟內容。寫完後,可以把帶格式的內容複製到剪貼簿、匯出乾淨的 HTML、轉成 Markdown 寫部落格或 README、交付一份 Word 文件,或者匯出 PDF。
使用方法
- 在編輯區域開始輸入,使用工具列加入粗體、斜體、底線、標題(H1–H3)以及項目符號或編號清單。
- 透過工具列按鈕插入連結和圖片,拖曳調整內容區塊順序,使用對齊控制項定位文字位置。
- 將文件匯出為簡潔的 HTML 或 Markdown,也可以直接複製帶格式的內容貼到電子郵件和其他應用程式中。
何時使用
- 在貼到 WordPress 等 CMS 之前,先把部落格文章的圖片與標題排好。
- 用 HTML 寫專案 README,再匯出 Markdown 推到 GitHub。
- 草擬帶格式的電子郵件,貼到 Gmail 或 Outlook 時保留樣式。
結果
一位行銷經理撰寫產品發表公告——設定 H1 標題、重點列表、嵌入產品圖片和粗體號召行動文字,然後匯出為 HTML 匯入電子郵件行銷工具。
常見問題
- 匯出的 HTML 在各種電子郵件用戶端都能正常顯示嗎?
- 匯出的是語意化 HTML,樣式類別對行內也友善,Gmail、Outlook、Apple Mail 都能正確顯示基本格式。部分用戶端會移除 CSS,引用區塊與程式碼區塊的視覺樣式可能消失,但文字內容仍清晰可讀。
- 可以從剪貼簿直接貼上圖片嗎?
- 按工具列的「插入圖片」按鈕,可以貼上圖片網址,也可以從本機選檔。本機圖片會以 data URL 嵌進文件,匯出的 HTML 自帶圖片,不需外部圖床。
- 匯出 Markdown 時格式會有什麼變化?
- 標題、粗體、斜體、清單、連結、引用區塊與圖片都能完整對應到 Markdown。底線與置中對齊會不見,因為 Markdown 沒有對應語法,目標是 Markdown 的話請少用這兩個。
- 誤刪內容可以還原嗎?
- 可以。Ctrl+Z(Mac 上 Cmd+Z)還原上一步,Ctrl+Shift+Z 重做。從打開頁面開始,所有按鍵與格式動作都記錄在歷史中。
- 重新整理或不小心關閉後,內容還在嗎?
- 在。編輯器在你輸入時每隔幾秒就會把文件自動儲存到你的裝置上。重新整理或關閉分頁後再回來,會看到一個提示,詢問是否還原草稿。任何資料都不會離開你的裝置,草稿留在本機儲存中,只要按重設或捨棄就會清除。