入力(エスケープ済みHTML)

出力(アンエスケープ済み)

HTMLアンエスケープとは?

HTMLアンエスケープはHTMLエスケープの逆の操作です。&lt;&gt;&amp;などのエンティティ参照を元の文字(<>&)に戻します。HTMLがブラウザで安全に表示されるようにエスケープされると、特殊文字がエンティティ参照に置き換えられます。アンエスケープはそのプロセスを逆転させます。

HTMLエンティティはWHATWG HTML Living Standardで定義されています。名前付きエンティティ(&copy;)、10進数値参照(&#169;)、16進参照(&#xA9;)の3種類があります。このツールは3つのフォーマットすべてに対応しています。

すべてブラウザ内で処理されます。データがマシンから出ることはありません。高速、無料、完全にプライベートです。

HTMLのアンエスケープ方法

以下の3つのステップに従って、HTMLエンティティを元の文字にデコードします。

1

エスケープ済みHTMLを貼り付けまたはアップロード

エスケープ済みHTMLを左のエディタに貼り付けるか、アップロードをクリックしてファイルを読み込みます。サンプルをクリックしてデモを表示することもできます。

&lt;div class=&quot;container&quot;&gt;
  &lt;h1&gt;こんにちは &amp; ようこそ&lt;/h1&gt;
  &lt;p&gt;価格: &amp;yen;1,999&lt;/p&gt;
&lt;/div&gt;

ツールは .txt、.html、.htm ファイルを受け付けます。

2

デコードされた出力を確認

右パネルにアンエスケープ結果が即座に表示されます。名前付きエンティティ(&lt;&copy;)、10進参照(&#169;)、16進参照(&#xA9;)がすべて変換されます。

3

コピー、ダウンロード、または再エスケープ

コピーで出力をクリップボードにコピー、ダウンロードで.htmlファイルとして保存、エスケープで操作を逆転して出力をHTMLエンティティに再エンコードします。

HTMLアンエスケープの使用場面

エスケープされたソースコードの読み取り

Webページに表示されるソースコードは、ブラウザがマークアップではなくテキストとしてレンダリングするようにエスケープされていることがよくあります。このツールを使って、読みやすく使用可能なHTMLに戻します。

スクレイピングしたHTMLの処理

Webスクレイパーはしばしばエンティティがそのままのコンテンツを返します。そのコンテンツを解析または再利用する前に、エンティティをデコードする必要があります。このツールで即座に処理できます。

APIレスポンスのクリーニング

多くのAPIは安全な埋め込みのためにエンティティが既にエスケープされたHTMLコンテンツを返します。生のHTMLが必要な場合、このツールが1ステップでデコードします。

データベースコンテンツの復元

データベースに保存されるコンテンツは、セキュリティ対策として保存前にエスケープされることがよくあります。マイグレーションや編集のためにコンテンツを抽出する際、アンエスケープで元の形式に戻します。

よくある質問

このツールはどのHTMLエンティティをデコードしますか?

3種類すべてのHTMLエンティティをデコードします:名前付きエンティティ(&lt;&copy;など)、10進数値参照(&#169;など)、16進参照(&#xA9;など)。

データはサーバーに送信されますか?

いいえ。すべての処理はJavaScriptを使用してブラウザ内で完全に行われます。HTMLコンテンツがコンピュータから出ることはありません。

HTMLアンエスケープとHTMLデコードの違いは?

同じ意味です。どちらもHTMLエンティティ参照を元の文字に変換することを指します。

操作を逆にできますか?

はい。出力パネルのエスケープボタンをクリックして、アンエスケープされたHTMLをエンティティ参照に再エンコードできます。

二重エスケープされたエンティティに対応していますか?

ツールは1回のパスでアンエスケープを行います。コンテンツが二重エスケープされている場合は、2回実行する必要があります。

どのファイル形式をアップロードできますか?

.txt.html.htmファイルをアップロードできます。

関連するHTMLおよびエンコードツール

HTMLで他のことをする必要がありますか?関連ツールをご覧ください: