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

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

変換タイプ
0
読み取り専用
0

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

HTMLの特殊文字をエンティティへ変換したり、エスケープ済みの文字列を元の形に戻したりできるツールです。コード例をそのまま表示したいときや、エスケープ済み文字列の中身を確認したいときに使えます。

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

使い方

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

主な設定項目

変換タイプ

変換の方向を選びます。

  • エスケープ: < や >、& などを、HTML内でそのまま表示できる文字列へ変換します
  • アンエスケープ: &lt; や &gt; のようなエスケープ済み文字列を、元の文字へ戻します
<div>Hello World</div>

エスケープすると、次のような形に変換されます。

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

活用シーン

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

使うときの注意点

  • このツールは文字列変換の確認用であり、アプリ全体のXSS対策を自動で保証するものではありません
  • アンエスケープした結果をそのまま描画に使う場合は、利用箇所に応じた安全確認が必要です