HTMLエスケープ/アンエスケープ
HTML特殊文字とHTMLエンティティを相互変換
入力
結果
読み取り専用
HTMLエスケープ / アンエスケープとは?
HTMLの特殊文字を安全な文字列へ変換したり、逆にエスケープ済みの文字列を元へ戻したりできるツールです。コード例をそのまま表示したいときや、HTML文字列の確認、フォーム入力値の扱いを見直したいときに役立ちます。
変換タイプを切り替えるだけで、エスケープとアンエスケープの両方をリアルタイムで確認できます。入力内容はブラウザ内だけで処理されます。
使い方
- 変換タイプで「エスケープ」または「アンエスケープ」を選びます。
- 入力欄にテキストを貼り付けるか入力します。
- 右側の変換結果を確認します。
HTMLコードの断片やエスケープ済み文字列を、その場で見比べたいときに使いやすい構成です。
主な変換
エスケープ
< や >、& などを、HTML内で安全に扱える文字列へ変換します。
<div>Hello World</div>
このような入力は、次のような形に変換されます。
<div>Hello World</div>
アンエスケープ
< や > のようなエスケープ済み文字列を、元のHTML文字へ戻します。表示確認や変換結果の見直しに便利です。
活用シーン
- ブログやドキュメントでHTMLコードをそのまま表示したいとき
- エスケープ済みのHTML文字列を確認したいとき
- フォーム入力やテンプレート出力の安全な扱いを考えたいとき
- HTML断片をコピーして変換結果をすぐ見たいとき
使うときの注意点
- このツールは文字列変換の確認用であり、アプリ全体のXSS対策を自動で保証するものではありません
- アンエスケープした結果をそのまま描画に使う場合は、利用箇所に応じた安全確認が必要です
- コード表示用の変換と、実際のアプリケーションでのサニタイズは役割が異なります