本文へスキップ
CrateX.app ロゴ

CrateX.app

HTML エスケープ/アンエスケープ

HTML エンコード/デコードは HTML エンティティのエスケープと逆変換に対応し、特殊文字やタグ表示を扱えるため、ユーザー入力の表示、コード例、コンテンツ安全対策に役立ちます。

入力テキスト

文字

0 / 500,000
HTML エスケープ/アンエスケープ

かんたんスタート

1
テキストエリアに内容（HTML または既にエスケープされたテキスト）を入力
2
エンコード／デコードを選択
3
ボタンをクリックすると変換、結果は同じテキストエリアに表示
4
コピーをクリックして結果を再利用

よくある利用シーン

ユーザーコメント

XSS 攻撃を防ぐためにユーザー投稿コメントをエスケープ

ブログ記事

記事内でHTMLコードの例を表示

フォーラム投稿

ユーザー生成コンテンツを安全に表示

チャットメッセージ

チャット機能を通じた悪意のあるコードの拡散を防止

フォームデータ

フォーム送信データの処理と表示

コード表示

ウェブページでHTML/JavaScriptコードスニペットを表示

使い方のヒント

コンテキスト認識エスケープ：出力場所に基づいて適切なエスケープ戦略を選択
サーバーサイド処理：重要なセキュリティエスケープはサーバーサイドで実行
ダブルチェック：エスケープ後に出力を確認し、見落としがないことを確認
ライブラリの使用：本番環境では手動処理ではなく成熟したエスケープライブラリを使用
プレビュー確認：エスケープ後にブラウザコンソールで実際の表示をプレビュー

エスケープ規則と実体

一般的な文字：< > & " '（スラッシュ / は原則不要・文脈による）
エンティティ形式：特殊文字は &entity; または &#code; 形式に変換されます。例：< は < または < になります
属性エスケープ：引用符は " に変換され、HTML 属性値を保護
スクリプト保護：<script> タグは自動的にエスケープされ、JavaScriptインジェクションを防ぐ
タグ処理：<div> は <div> に変換され、ブラウザの解析を防ぐ

制限事項と互換性

サニタイザではありません：スクリプト/イベント/危険なプロトコルは除去しません。コンテンツのサニタイズと併用してください
不完全な保護：エスケープだけではすべてのXSSを防げない、他のセキュリティ対策と組み合わせる
コンテキスト依存：異なる場所では異なるエスケープ戦略が必要（HTMLコンテンツ、属性、JavaScript、CSS）
ページをスムーズに保つため、大量のテキストは簡素化して処理される場合があります。分割を推奨します

プライバシーとセキュリティ

すべての処理はブラウザ内でローカルに完結し、現在の内容はいつでも差し替え、クリア、再処理できます。

よくある質問

5

次の作業に役立つ関連ツールです。