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

ブログ記事、マニュアル、README、社内ドキュメントなどでHTMLのコード例を載せると、<div>や<span>がタグとして解釈され、画面に表示されないことがあります。

このツールでは、HTML内で表示したい文字列を<や>などの形式に変換できます。HTMLタグを文字として見せたい、特殊文字を安全に貼り付けたい、といった場面で使えます。

「エスケープする」は、<、>、&、引用符などをHTML上で表示しやすい文字列に変換します。コード例をWebページに載せる前の確認に向いています。

「アンエスケープする」は、<や&のようなエスケープ済み文字列を元の表記に戻します。コピーしたHTML文字列が読みにくいときや、変換結果を確認したいときに使えます。

Web制作中にサンプルコードをページへ掲載したいとき、ブログでHTMLタグの書き方を説明したいとき、メールHTMLの一部を確認したいときに使えます。

また、フォーム入力値の扱いを学ぶときや、XSS対策の学習で「文字として表示する」と「HTMLとして解釈される」の違いを確認したい場合にも役立ちます。

入力した文字列はブラウザ上で変換します。登録不要で、スマホやPCのブラウザからそのまま使えます。

サーバー保存なしで処理できるため、ちょっとしたHTML変換や特殊文字の確認を軽く済ませたいときに向いています。ただし、機密性の高い情報や個人情報を含む文字列は、念のため貼り付けない運用をおすすめします。

期待した結果にならない場合は、すでにエスケープ済みの文字列をもう一度エスケープしていないか確認してください。二重に変換すると、<のような読みにくい文字列になることがあります。

反対に、<を<に戻したい場合は「アンエスケープする」を使います。表示用に変換したいのか、元のHTML表記に戻したいのかでボタンを使い分けてください。