跳到主要內容
CrateX.app 標誌

CrateX.app

HTML 轉義/反轉義

HTML 轉義/反轉義

HTML 轉義/反轉義支援 HTML 實體的轉義與反轉義，可處理特殊字元與標籤顯示，適合使用者輸入顯示、程式碼範例和內容安全處理。
HTML 轉義/反轉義

快速開始

1
在文字框輸入內容（HTML 或已轉義文字）
2
選擇「編碼」或「解碼」
3
點擊按鈕開始轉換，結果顯示於同一文字框
4
點擊「複製」以重用結果

常見使用情境

使用者評論

轉義使用者提交的評論內容，防止 XSS 攻擊

部落格文章

在文章中顯示 HTML 程式碼範例

論壇貼文

安全顯示使用者發布的內容

聊天訊息

防止惡意程式碼透過聊天功能傳播

表單資料

處理和顯示表單提交的資料

程式碼展示

在網頁中展示 HTML/JavaScript 程式碼片段

補充場景

HTML 實體、轉義 HTML、反轉義 HTML 也可在同一流程中完成，便於在複製、匯出或交付前快速核對結果。

轉義規則與實體

常見字元：< > & " '（斜線 / 一般不必；視情境而定）
實體格式：特殊字元轉換為 &entity; 或 &#code; 格式，如 < 轉為 < 或 <
屬性轉義：引號轉換為 "，保護 HTML 屬性值安全
腳本防護：<script> 標籤自動轉義，防止 JavaScript 注入
標籤處理：<div> 轉換為 <div>，避免被瀏覽器解析

使用建議

上下文轉義：根據輸出位置選擇合適的轉義策略
伺服器端處理：關鍵安全轉義應在伺服器端進行
雙重檢查：轉義後檢查輸出，確保沒有遺漏
使用函式庫：生產環境建議使用成熟的轉義函式庫而非手動處理
預覽檢查：轉義後可以在瀏覽器控制台預覽實際顯示效果

限制與相容性

本工具不是 Sanitizer：不會移除腳本/事件/危險協定，需配合內容淨化使用
不完全防護：僅轉義不能防止所有 XSS，需配合其他安全措施
上下文依賴：不同位置需要不同的轉義策略（HTML 內容、屬性、JavaScript、CSS）
為保持頁面流暢，大量文字轉義可能採取簡化處理，建議分段

隱私與安全

所有處理都在瀏覽器本地完成，目前內容可隨時替換、清空並重新處理。

常見問題

5

可繼續使用這些相關工具，完成後續步驟。