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

貼り付けた瞬間に変換方向を自動判定し、HTMLの特殊文字と文字参照を相互変換。どの文字が何回変換されたかの内訳も表示します。すべてブラウザ内で処理されます。

待機中

✨ 特徴

  • 貼り付けた瞬間にエスケープ / アンエスケープを自動判定
  • どの文字が何回・どの文字参照に変換されたかの内訳を表示
  • 名前付き・10進・16進すべての文字参照を復元、数値文字参照への変換にも対応
  • ブラウザ内で完結・入力したテキストはサーバーに送られません

🪄 こんなときに使えるよ!

ブログへのコード掲載

HTMLソースやサンプルコードを記事に貼るとき、タグが解釈されないようにエスケープできます。

XSS対策の確認・学習

ユーザー入力をエスケープするとどう変わるかを内訳付きで確認でき、セキュリティの学習にも役立ちます。

取得したHTMLの復元

スクレイピングやAPIで取得した文章に含まれる & などの文字参照を元の文字に戻せます。

属性値への埋め込み

HTML属性やテンプレートに文字列を安全に埋め込む前の変換に。クォートのエスケープも選べます。

🔒 プライバシー

このツールはすべてブラウザ内で動作します。入力したテキストがサーバーに送信されることは一切ありません。

❓ よくある質問

なぜHTMLエスケープが必要なのですか?

& や < をそのまま書くとタグや文字参照として解釈され、表示崩れやXSS(クロスサイトスクリプティング)の原因になります。特殊文字を文字参照に変換することで、文字そのものとして安全に表示できます。

' が &apos; ではなく &#39; になるのはなぜですか?

&apos; はHTML4で定義されていないため、古い環境では表示できないことがあります。数値文字参照の &#39; はすべての環境で解釈できるため、互換性を優先して採用しています。

どんな文字参照を元に戻せますか?

&amp; のような名前付き文字参照、&#65; のような10進、&#x42; のような16進の数値文字参照をすべて復元できます。HTMLで定義されている名前付き文字参照の全体に対応しています。

入力したデータは送信されますか?

いいえ。変換はすべてブラウザ内のJavaScriptで行われ、テキストが外部サーバーに送信されることはありません。

🔗 関連ツール

0 文字
0 文字

変換内訳

変換対象の文字はありません

オプション

HTMLエスケープが必要な5つの特殊文字

文字 文字参照 意味・エスケープする理由
& &amp; アンパサンド。文字参照の開始記号なので、必ず最初にエスケープする
< &lt; 小なり記号。タグの開始と解釈されるため
> &gt; 大なり記号。タグの終了と解釈されるため
" &quot; 二重引用符。属性値の区切りを壊してしまうため
' &#39; 単一引用符。HTML4互換のため &apos; ではなく &#39; を使う