使用步驟
- 貼上 HTML 程式碼。
- 選擇 HTML 或 Vue，設定縮排和行寬。
- 點選「格式化」，或按 Ctrl+Enter（Mac 上是 ⌘+Enter）。
- 複製格式化後的程式碼。
引數說明
- 行寬
- 屬性很多的元素超過這個寬度時，會拆成每個屬性一行。
- Vue
- 格式化 .vue 單檔案元件，包括 template、script 和 style 三部分。
使用示例
郵件模板。 貼上一整行的 HTML 郵件，檢視縮排後的表格結構。
網頁原始碼。 格式化複製來的網頁原始碼，快速找到需要的部分。
常見問題
為什麼有些文字沒有換行？
在 HTML 中，行內元素之間加入空白會改變頁面顯示。格式化工具會根據元素的 CSS display 屬性判斷，不會加入會顯示在頁面上的空格。
能修復不規範的 HTML 嗎？
會補上 HTML 允許省略的結束標籤，例如 </li> 和 </p>。標籤關閉順序錯亂會報錯並給出行號和列號，方便你在源頭修正。
程式碼會上傳嗎？
不會，全部在瀏覽器中完成。
隱私說明
本工具完全在瀏覽器中執行，檔案和文字都在你的裝置上處理，不會上傳到我們的伺服器。