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

CrateX.app

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

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

HTML エスケープ/アンエスケープ: HTML エンティティのエスケープとアンエスケープをサポートし、特殊文字とタグを処理します。名前付きおよび数値エンティティ形式を自動検出し、XSS 攻撃を防止し、ユーザー入力の表示、コード例、セキュアなコンテンツ処理に適しています。
HTML エスケープ/アンエスケープ

かんたんスタート

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

よくある利用シーン

ユーザーコメント

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

ブログ記事

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

フォーラム投稿

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

チャットメッセージ

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

フォームデータ

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

コード表示

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

補足シナリオ

html entities、escape html、unescape html も同じ確認フローでまとめて扱え、コピーや書き出し前の確認を進めやすくします。

使い方のヒント

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

エスケープ規則と実体

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

制限事項と互換性

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

セッション管理

現在の内容はいつでも差し替え、クリア、再処理できるため、最終出力前に何度でも確認できます。

よくある質問

5

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