文字轉 HTML 工具

工具介紹

把一段純文字放進網頁時，最省事的做法是直接貼，但換行會全部塌成一段，尖括號會被瀏覽器當成標籤吃掉，& 之後的字元可能被當成實體解析。本工具依三種常見結構轉換：段落模式給每個非空行包一層<p>，適合正文；換行模式在原行之間插<br>，適合地址與詩句；清單模式把所有行收進<ul>並逐行包<li>，適合清單與條款。字元轉義開關開啟時，&、<、>、"、' 會分別轉成實體，貼上使用者輸入時務必保持開啟；空行保留開關決定連續空行是壓成一行還是原樣輸出。

功能特點

• 三種輸出結構：段落 p、換行 br、無序列表 ul/li，一個下拉切換
• Markdown 子集：一級到三級標題、短橫線列表、粗體斜體、行內程式碼、連結，一次轉成對應標籤
• 管道表格識別：表頭與 |---| 分隔行成對出現時生成 table，表頭進 thead、資料行進 tbody
• 字元轉義覆蓋 &、<、>、"、' 五個字元，Markdown 轉換同樣先轉義再上標記，不會被當成標籤執行
• 空行可保留或壓縮，壓縮模式把連續空行收斂為一個分隔，列表模式不會產生孤立 li
• 實時統計行數、非空行數、標籤數與生成後的字元數，結果以只讀程式碼塊呈現

使用方式

1. 把純文字粘進上方輸入框，保留原有換行
2. 選擇輸出結構：正文選段落、地址與詩句選換行、清單選列表
3. 確認字元轉義為「轉義」，只有確實要貼入可信 HTML 片段時才切到「不轉義」
4. 要帶格式時改用「Markdown 文字」區塊，寫完標題、列表或表格後點「轉換 Markdown」
5. 點「複製 HTML」粘進編輯器，或「下載 HTML」得到可直接開啟的片段檔案

注意事項

• 轉義不可關的情境：內容來自使用者提交、第三方匯出或含尖括號的程式碼片段，關掉會把標籤原樣注入
• 段落模式會丟掉單換行，原文中僅用於折行的回車不會保留，需要保留折行請改用換行模式
• 清單模式只產生 ul，不產生 ol；有順序要求的條款需在編輯器裡自行改標籤
• 空行壓縮只作用於連續空行，行首與行尾空格不會被自動去除，建議先在原稿裡清理
• 產生的片段不含 html、head、body 外殼，直接整段貼進既有頁面即可，不要當作獨立網頁檔發佈
• 轉義後的 &amp; 在編輯器裡顯示為 &amp; 屬於正常現象，渲染時才會還原為 &，不要手動改回去
• Markdown 子集不含巢狀列表、引用塊與行內 HTML，多層結構需在編輯器裡補標籤，轉換隻做一層列表與單行段落