開發工具

HTML 跳脫與還原

在瀏覽器中跳脫五種 HTML 特殊字元,或還原具名與數值字元參照。適用於一般 HTML 文字及以引號包住的一般屬性值,不是 HTML 淨化工具。

關於HTML 跳脫與還原

將 HTML 特殊字元轉為可顯示的文字

貼上文字並選擇「跳脫」,即可轉換五個特殊字元:& 轉為 &amp;、< 轉為 &lt;、> 轉為 &gt;、" 轉為 &quot;,單引號 ' 則轉為 &#39;。

例如 <p title="小明 & 小美">你好,世界!</p> 會轉為 &lt;p title=&quot;小明 &amp; 小美&quot;&gt;你好,世界!&lt;/p&gt;,讓標記以文字呈現。已跳脫的內容再次跳脫,會多一層編碼:&lt; 會變成 &amp;lt;。請先確認目前資料是否已由框架自動編碼。

還原具名與數值字元參照

選擇「還原」可處理 2,125 種具名字元參照,以及十進位、十六進位數值字元參照。結尾必須有分號,名稱區分大小寫。不明名稱或沒有分號的內容會原樣保留。例如 小明 &amp; 小美 &#x1F9EA; 會轉為 小明 & 小美 🧪。

每次只還原一層:&amp;lt; 會變成 &lt;,不會直接變成小於符號。數值為 0、代理碼元或超過 U+10FFFF 時,會替換成 U+FFFD。部分控制字元數值依 HTML 標準轉換,例如 &#128; 會變成歐元符號。本工具不是完整的 HTML 剖析器,處理規則不等同瀏覽器解析整份 HTML 文件。

跳脫不等於 HTML 淨化

跳脫結果適用於一般 HTML 文字內容,以及以單引號或雙引號包住的一般屬性值。元素與屬性名稱應由程式固定設定並保持可信。若內容用於 JavaScript、CSS、網址、事件屬性、未加引號的屬性值或其他 HTML 語境,還需要相應的驗證與編碼,不能只靠本工具。

例如 javascript:alert(1) 不會因為經過 HTML 跳脫就成為安全的連結。本工具也不會清除危險標籤或淨化 HTML。還原後可能出現可執行的標記,請勿直接當成安全 HTML 插入網頁;本頁僅以文字欄顯示結果。使用會自動跳脫文字的框架時,也要避免重複編碼。

長度限制、複製與 UTF-8 下載

跳脫輸入上限為 100,000 個 UTF-16 碼元;還原輸入與結果上限為 600,000 個。這不是位元組數,也不等同畫面上的字數:Unicode 輔助平面字元通常佔 2 個碼元,複合 emoji 可能更多。未配對的代理碼元會被拒絕。切換模式會保留輸入;「將結果移至輸入欄並反向轉換」則會以目前結果取代輸入並切換方向。若超過下一個模式的上限,這個操作會停用。

可複製結果、選取結果後手動複製,或下載 UTF-8 文字檔。剪貼簿作業可能延遲,尚未完成前請避免其他複製操作。下載會保留結果中的換行碼與開頭的 U+FEFF;畫面顯示或貼上目的地則可能將換行轉為 LF 或 CRLF。「已開始下載」表示已向瀏覽器提出下載要求,不代表已確認檔案儲存完成。

轉換在瀏覽器內進行,不會將輸入或結果上傳到伺服器。網站仍有一般頁面與分析請求;瀏覽器擴充功能、共用裝置與剪貼簿的安全仍需自行留意。

常見問題

Q. 跳脫與還原有什麼不同?
跳脫會將 &、<、>、雙引號與單引號轉為 HTML 字元參照;還原則以單次轉換復原支援的參照。例如「小明 &amp; 小美」還原後會成為「小明 & 小美」。
Q. 這個工具能讓任何 HTML 都安全嗎?
不能。它適用於一般 HTML 文字及以引號包住的一般屬性值,不是 HTML 淨化工具,也不能確保 JavaScript、CSS、網址、事件屬性或未加引號的屬性值安全。還原結果也不能直接視為安全 HTML。
Q. 為什麼 &amp;lt; 不會一次還原成小於符號?
每次只還原一層。&amp;lt; 會變成 &lt;,再次還原才會成為 <,避免未經操作就遞迴還原多層內容。
Q. 字元參照的結尾一定要有分號嗎?
是。本工具要求結尾的分號,支援 2,125 種區分大小寫的具名參照,以及十進位和十六進位數值參照。不明名稱會保留。這些規則不等同完整 HTML 文件的剖析規則。
Q. 可以輸入多少文字?
跳脫最多接受 100,000 個 UTF-16 碼元;還原輸入與結果最多 600,000 個。部分字元佔 2 個碼元,複合 emoji 可能更多。未配對的代理碼元會被拒絕。
Q. 下載的檔案會保留換行嗎?
UTF-8 下載會保留結果中的換行碼與開頭的 U+FEFF。顯示或貼上時則可能正規化換行。還原本身會依規則改變字元,因此不能將本工具視為任意原始檔案的位元組還原工具。
Q. 輸入內容會被上傳嗎?
轉換在瀏覽器內完成,不會上傳輸入或結果;網站仍會有一般頁面與分析請求。剪貼簿操作與下載檔案由瀏覽器及裝置處理。

資料來源與規格

相關工具

有問題或建議嗎? 聯絡 NanToo

為這項工具評分
—(0 則評分)