HTML 實體完整編解碼

🔤 HTML Entities Encode

Encode and decode HTML entities (named and numeric) in your browser — keep markup and text safe.

📐 工作原理與說明
在文本與 HTML 實體之間雙向轉換。
  • 編碼:可只轉義必要字元,也可把全部非 ASCII 字元轉為數值實體。
  • 解碼:需同時支援命名實體與數值實體(含 &#xHH; 十六進位制形式)。
  • 陷阱:重複轉義會產生 & 這類雙轉義,顯示出錯。
  • 用途:模板輸出、富文本儲存、跨系統資料交換。

📚 深度解析:HTML 實體完整編解碼

💡 常見使用場景

  • 把使用者輸入轉義防止 XSS,或還原富文本里的實體。
  • 富文本入庫前統一轉義:把使用者貼上內容裡的 < > & 轉成實體再儲存,輸出時按場景決定是否反轉義。
編碼 "<script>"
輸入 `<script>` → 輸出 `&lt;script&gt;`,瀏覽器渲染為文本而非執行。

❓ 常見問題(FAQ)

全量編碼會不會影響中文?
中文也可編成 &#20013; 形式,但體積大,通常只編碼特殊字元。
全量編碼和只轉義危險字元有什麼區別?
只轉義 < > & " ' 五個字元能防 XSS,且中文與排版保持原樣;全量編碼會把每個非 ASCII 字元都轉成 &#xXXXX;,雖能繞開部分編碼問題,但體積變大、可讀性變差,舊編輯器回顯時還可能變成亂碼。日常建議只轉義危險字元。
⚠️ 使用說明與注意事項
📖關於「HTML 實體完整編解碼」 ▼

📝工具簡介

HTML 實體完整編解碼。專為開發者打造的線上工具,純前端執行,程式碼不離開瀏覽器。