跳至主要內容

打造了可將 Markdown 轉成 docx 的迷你應用程式「DOC」

為了應付想把 Markdown 撰寫的文件轉換成 Word (docx) 的情境,打造了完全在瀏覽器內完成作業的編輯器「DOC」。內文不會傳送到伺服器,轉換作業也全部在瀏覽器內完成。

DOC 是什麼​

DOC 是可在 /doc 使用的迷你應用程式,可以一邊比對左側的 Markdown 編輯器與右側的預覽畫面一邊撰寫文件,完成後即可直接下載成 docx 檔案。編輯器採用 Monaco Editor (與 VS Code 相同的編輯器元件),因此語法高亮與流暢的游標操作都能直接沿用。

主要功能​

Markdown 編輯與即時預覽​

畫面採左右分割,左側為 Markdown 編輯器,右側為預覽畫面。拖曳分隔線即可自由調整寬度。捲動編輯器時,預覽畫面也會同步捲動。

一鍵轉換成 docx​

點擊工具列上的按鈕,即可從輸入的 Markdown 產生 OOXML (docx 內部的 XML),並在瀏覽器內打包成 zip,下載為 .docx 檔案。內文不會傳送到外部伺服器。

支援標題、段落、粗體/斜體/刪除線、項目符號清單、編號清單、程式碼區塊、引言、表格等常見的 Markdown 語法,轉換後的檔案也能直接在 Word 中開啟並編輯。

透過 OOXML 分頁直接確認轉換結果​

切換到與預覽並列的「OOXML」分頁,即可在編輯器上直接查看轉換後的 XML。想了解 docx 內部是如何組成的時候相當方便。

提示

關於 docx 內部的封裝結構,先前在 用文字編輯器嘗試製作 docx 檔案 這篇文章中也曾提及。可以把 DOC 想成是自動完成該 OOXML 產生與封裝作業的工具。

格式化工具列​

選取文字後,點擊粗體、斜體、刪除線按鈕,即可自動加上或移除對應的 Markdown 語法 (**, *, ~~)。也支援組合套用,例如同時套用粗體與斜體時會變成 ***text***。

字型選擇​

可從包含 Noto Serif JP / Noto Sans JP 在內的明體、黑體、複合字型中選擇輸出字型。選好的字型會立即反映在預覽畫面上,並會記錄在瀏覽器中,下次開啟時沿用。

匯入 Markdown / docx 檔案​

除了既有的 .md、.markdown 檔案外,也可以透過拖放或選擇檔案的方式匯入 .docx 檔案。匯入 .docx 檔案時會反向轉換成 Markdown,適合在既有 Word 文件的基礎上繼續編輯。

AI 聊天面板​

開啟支援 OpenRouter 的 AI 聊天面板後,可以請 AI 產生文件內容、將回覆套用到選取的範圍,或是直接以回覆內容取代整份文件。也支援提示詞快取 (prompt caching),即使針對同一份文件持續對話,也能避免浪費不必要的 token。

自動儲存​

編輯中的內文會以防抖動 (debounce) 的方式自動儲存到瀏覽器的 localStorage。即使不小心關閉分頁,下次開啟頁面時也能從中斷處繼續編輯。

總結​

  • /doc 是可將 Markdown 轉換成 docx 的瀏覽器內建編輯器
  • 具備 Monaco Editor 編輯功能與即時預覽,並可透過 OOXML 分頁確認轉換內容
  • 支援粗體/斜體/刪除線工具列、字型選擇、Markdown/docx 匯入
  • 支援 OpenRouter 的 AI 聊天面板也能協助產生與編輯文件
  • 內文會自動儲存到本機儲存空間,且所有轉換作業皆在瀏覽器內完成,不會傳送到伺服器

下次想用 Markdown 快速寫份會議記錄或規格文件、再直接以 Word 格式分享時,不妨試試看。

評論

載入中...

發表評論

★★★★★