HTMLアンエスケープ
HTMLエンティティを読みやすい文字にデコード
入力(エスケープ済みHTML)
出力(アンエスケープ済み)
HTMLアンエスケープとは?
HTMLアンエスケープはHTMLエスケープの逆の操作です。<、>、&などのエンティティ参照を元の文字(<、>、&)に戻します。HTMLがブラウザで安全に表示されるようにエスケープされると、特殊文字がエンティティ参照に置き換えられます。アンエスケープはそのプロセスを逆転させます。
HTMLエンティティはWHATWG HTML Living Standardで定義されています。名前付きエンティティ(©)、10進数値参照(©)、16進参照(©)の3種類があります。このツールは3つのフォーマットすべてに対応しています。
すべてブラウザ内で処理されます。データがマシンから出ることはありません。高速、無料、完全にプライベートです。
HTMLのアンエスケープ方法
以下の3つのステップに従って、HTMLエンティティを元の文字にデコードします。
エスケープ済みHTMLを貼り付けまたはアップロード
エスケープ済みHTMLを左のエディタに貼り付けるか、アップロードをクリックしてファイルを読み込みます。サンプルをクリックしてデモを表示することもできます。
<div class="container">
<h1>こんにちは & ようこそ</h1>
<p>価格: &yen;1,999</p>
</div>ツールは .txt、.html、.htm ファイルを受け付けます。
デコードされた出力を確認
右パネルにアンエスケープ結果が即座に表示されます。名前付きエンティティ(<、©)、10進参照(©)、16進参照(©)がすべて変換されます。
コピー、ダウンロード、または再エスケープ
コピーで出力をクリップボードにコピー、ダウンロードで.htmlファイルとして保存、エスケープで操作を逆転して出力をHTMLエンティティに再エンコードします。
HTMLアンエスケープの使用場面
エスケープされたソースコードの読み取り
Webページに表示されるソースコードは、ブラウザがマークアップではなくテキストとしてレンダリングするようにエスケープされていることがよくあります。このツールを使って、読みやすく使用可能なHTMLに戻します。
スクレイピングしたHTMLの処理
Webスクレイパーはしばしばエンティティがそのままのコンテンツを返します。そのコンテンツを解析または再利用する前に、エンティティをデコードする必要があります。このツールで即座に処理できます。
APIレスポンスのクリーニング
多くのAPIは安全な埋め込みのためにエンティティが既にエスケープされたHTMLコンテンツを返します。生のHTMLが必要な場合、このツールが1ステップでデコードします。
データベースコンテンツの復元
データベースに保存されるコンテンツは、セキュリティ対策として保存前にエスケープされることがよくあります。マイグレーションや編集のためにコンテンツを抽出する際、アンエスケープで元の形式に戻します。
よくある質問
このツールはどのHTMLエンティティをデコードしますか?
3種類すべてのHTMLエンティティをデコードします:名前付きエンティティ(<、©など)、10進数値参照(©など)、16進参照(©など)。
データはサーバーに送信されますか?
いいえ。すべての処理はJavaScriptを使用してブラウザ内で完全に行われます。HTMLコンテンツがコンピュータから出ることはありません。
HTMLアンエスケープとHTMLデコードの違いは?
同じ意味です。どちらもHTMLエンティティ参照を元の文字に変換することを指します。
操作を逆にできますか?
はい。出力パネルのエスケープボタンをクリックして、アンエスケープされたHTMLをエンティティ参照に再エンコードできます。
二重エスケープされたエンティティに対応していますか?
ツールは1回のパスでアンエスケープを行います。コンテンツが二重エスケープされている場合は、2回実行する必要があります。
どのファイル形式をアップロードできますか?
.txt、.html、.htmファイルをアップロードできます。
関連するHTMLおよびエンコードツール
HTMLで他のことをする必要がありますか?関連ツールをご覧ください: