HTML Escape / Unescape

概要

• HTMLの特殊文字（<, >, &, ", '）を、ブラウザに解釈されない安全な文字参照（&lt;など）に変換（エスケープ）、または文字参照を元の文字に戻す（アンエスケープ）ツールです。

• ユーザー入力をHTMLとしてそのまま画面に表示すると、意図しないタグとして解釈されXSS（クロスサイトスクリプティング）の原因になります。エスケープはこれを防ぐ基本的な対策の一つです。

• &amp; &lt; &gt; &quot; &apos; &#39; の6種類のエンティティに対応しています。

使い方

1. 1

   テキストエリアに、エスケープしたいHTMLまたはアンエスケープしたい文字列を入力します。

2. 2

   「エスケープ」または「アンエスケープ」ボタンをクリックします。

3. 3

   変換結果が下部に表示されます。

入力例・出力例

<div class="box">Hello & "World"</div>

<div class="box">Hello & "World"</div>

利用シーン

• ユーザーが入力したテキストを画面に表示する前に、HTMLとして解釈されないようエスケープする

• HTMLソースの一部をドキュメントやコード例としてそのまま記載する際、タグが実際に描画されないようエスケープする

• 他システムやAPIから受け取ったエスケープ済みの文字列をアンエスケープし、元のテキストを確認する

よくある質問

注意点

• エスケープはXSS対策の一部であり、これだけですべての攻撃を防げるわけではありません。表示先の文脈に応じた適切な処理と組み合わせて使用してください。

• &, <, >, ", ' の5文字が変換対象です。それ以外の文字はそのまま保持されます。

• アンエスケープは&amp; &lt; &gt; &quot; &apos; &#39;の6種類のエンティティに対応しています。それ以外の文字参照（&copy;など）はそのまま残ります。