Web ToolBox

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

HTML特殊文字とHTMLエンティティを相互変換

変換タイプ
入力
結果
読み取り専用

HTMLエスケープ / アンエスケープとは?

HTMLの特殊文字を安全な文字列へ変換したり、逆にエスケープ済みの文字列を元へ戻したりできるツールです。コード例をそのまま表示したいときや、HTML文字列の確認、フォーム入力値の扱いを見直したいときに役立ちます。

変換タイプを切り替えるだけで、エスケープとアンエスケープの両方をリアルタイムで確認できます。入力内容はブラウザ内だけで処理されます。

使い方

  1. 変換タイプで「エスケープ」または「アンエスケープ」を選びます。
  2. 入力欄にテキストを貼り付けるか入力します。
  3. 右側の変換結果を確認します。

HTMLコードの断片やエスケープ済み文字列を、その場で見比べたいときに使いやすい構成です。

主な変換

エスケープ

<>& などを、HTML内で安全に扱える文字列へ変換します。

<div>Hello World</div>

このような入力は、次のような形に変換されます。

&lt;div&gt;Hello World&lt;/div&gt;

アンエスケープ

&lt;&gt; のようなエスケープ済み文字列を、元のHTML文字へ戻します。表示確認や変換結果の見直しに便利です。

活用シーン

  • ブログやドキュメントでHTMLコードをそのまま表示したいとき
  • エスケープ済みのHTML文字列を確認したいとき
  • フォーム入力やテンプレート出力の安全な扱いを考えたいとき
  • HTML断片をコピーして変換結果をすぐ見たいとき

使うときの注意点

  • このツールは文字列変換の確認用であり、アプリ全体のXSS対策を自動で保証するものではありません
  • アンエスケープした結果をそのまま描画に使う場合は、利用箇所に応じた安全確認が必要です
  • コード表示用の変換と、実際のアプリケーションでのサニタイズは役割が異なります