HTMLエンティティ変換:エスケープ・復元

HTMLエンティティ変換ツールで < > & " を即座にエスケープしたり、名前付き・10進・16進エンティティをテキストに復元したりできます。

テキストのエスケープとアンエスケープはブラウザ内でローカルに行われ、サーバーには何もアップロードされません。

開発・運営：Udit Agarwal

代わりにJSON向けにテキストをエスケープしますか? JSONエスケープ・アンエスケープをお試しください。

HTML エスケープ / アンエスケープ について

このHTMLエンティティ変換ツールは、HTMLの特殊文字をエスケープし、エンティティをプレーンテキストに復元する処理をブラウザ内で直接行います。エスケープモードでは、5つの特殊文字 & < > " ' を安全なエンティティ形式(&amp;、&lt;、&gt;、&quot;、&#39;)に変換するため、コードやタグ、ユーザー入力をマークアップを壊さずに表示できます。アンエスケープモードでは、このHTMLエスケープ・復元ツールが &lt; や &nbsp; などの名前付きエンティティに加え、10進(&#39;)や16進(&#x27;)の数値参照を元の文字へデコードします。テンプレート、メールHTML、スクレイピングしたページを扱うフロントエンド・バックエンド開発者、テクニカルライター、QAエンジニアに向けたツールです。すべてローカルで処理されるため、スニペットが端末から外に出ることはありません。

機能

• エスケープモードで & < > " ' をHTMLセーフなエンティティに変換
• アンエスケープモードで &lt;、&gt;、&quot;、&apos;、&nbsp; などの名前付きエンティティをデコード
• &#39; のような10進数値エンティティを文字に復元
• &#x27; のような16進数値エンティティを文字に復元
• &amp; を最後に解決し、すでにエスケープ済みのアンパサンドをきれいにデコード
• ワンクリックのトグルでエスケープとアンエスケープを切り替え
• 入力に合わせて出力がリアルタイムに更新、ワンクリックでコピー
• すべてブラウザ内で動作

HTML エスケープ / アンエスケープ の使い方

1. 文字をエンコードするにはエスケープ、エンティティをデコードするにはアンエスケープを選びます。
2. テキストまたはHTMLを入力ボックスに貼り付けます。
3. 入力に合わせて変換結果が出力パネルに表示されます。
4. コピーをクリックして、エスケープ済みまたはアンエスケープ済みの出力を取得します。

例

入力

<a href="x">Tom & Jerry's</a>

出力

<a href="x">Tom & Jerry's</a>

エスケープモードはマークアップや特殊文字をHTMLセーフなエンティティに変換します。

よくあるエラーとトラブルシューティング

• エスケープしたのに出力に生の < や > が残る — エスケープモードになっているか確認してください。アンエスケープモードは逆の処理で、エンティティを文字に戻します。
• &copy; や &mdash; のような名前付きエンティティがデコードされない — 名前付きエンティティとして扱うのは &lt;、&gt;、&quot;、&apos;、&nbsp; のみです。代わりに &#169; や &#8212; のような数値形式を使ってください。
• 二重エンコードされたテキストが < ではなく &amp;lt; と表示される — テキストが複数回エスケープされており、1回のパスで1層ずつデコードされるため、アンエスケープを2回実行してください。
• エスケープすれば信頼できないHTMLを安全にレンダリングできると期待している — エスケープはプレーンテキストのマークアップインジェクションを防ぎますが、信頼できないHTMLは必ず専用のサニタイザーで浄化してからレンダリングしてください。

よくある質問

HTMLエンティティ変換ツールとは何を、何にエスケープしますか?

HTMLエンティティ変換ツールは、5つのHTML特殊文字をエスケープします。& は &amp;、< は &lt;、> は &gt;、" は &quot;、' は &#39; になります。

HTMLエンティティをテキストに戻すには?

HTMLエンティティ変換ツールをアンエスケープモードに切り替えてテキストを貼り付けると、&lt;、&gt;、&quot;、&apos;、&nbsp; に加え、10進(&#39;)や16進(&#x27;)の数値参照をデコードします。

HTMLをエスケープすればユーザー入力を安全に表示できますか?

エスケープはテキストをコンテンツとして出力する際のマークアップインジェクションを防ぎますが、信頼できないHTMLをマークアップとしてレンダリングする前には浄化すべきです。

HTMLエンティティ変換ツールは数値文字参照を扱えますか?

はい。アンエスケープモードは &#169; のような10進参照と &#xA9; のような16進参照の両方を文字に変換します。

&amp; が他のエンティティの後にデコードされるのはなぜですか?

HTMLエンティティ変換ツールは &amp; を最後に解決するため、&amp;lt; のようにすでにエスケープされたシーケンスが誤って崩れず、1層ずつアンエスケープされます。

HTMLエンティティ変換ツールを使うとき、テキストはどこかにアップロードされますか?

いいえ。HTMLエンティティ変換ツールはすべてブラウザ内でローカルに処理するため、テキストが端末から外に出ることはありません。

関連ツール

• URL エンコード / デコード — URLコンポーネントをエンコード・デコードします。
• Base64 エンコード / デコード — UTF-8に対応した安全なBase64のエンコードとデコード。
• JSON エスケープ / アンエスケープ — テキストをJSON文字列にエスケープ、またはJSON文字列をプレーンテキストに戻します。
• URL パーサー — URLを各パーツに分解し、クエリパラメータを一覧表示します。
• HTML フォーマッター — HTMLの整形・圧縮、インラインCSS/JSの整形、結果のプレビューを行います。
• XML フォーマッター — XMLの整形・圧縮・検証を行い、XML ↔ JSON を変換します。
• Markdown プレビュー — MarkdownをHTMLにレンダリングし、ライブプレビューします。
• 大文字・小文字変換 — テキストを camelCase、snake_case、kebab-case、PascalCase などに変換します。

エンコード / デコードの他のツール

• 基数変換ツール — 整数を2進数、8進数、10進数、16進数の間で変換します。
• QR コードジェネレーター — テキストやURLからQRコードを生成し、PNGまたはSVGでダウンロードします。
• 文字化け修復 — Café や don’t のような文字化けテキストを修復。
• Protobuf デコーダー — .protoなしでProtocol Buffersのバイナリをデコード。
• Base32 エンコーダー／デコーダー — テキストを RFC 4648 の Base32 にエンコードし、元に戻してデコードできます。
• モールス信号翻訳ツール — テキストをモールス信号に相互変換し、ビープ音として再生できます。
• テキストからバイナリへの変換 — テキストをバイナリ・HEX・10 進数に変換し、元に戻してデコードできます。
• Base58 エンコーダー／デコーダー — Bitcoin アルファベットで、テキストや HEX バイトから Base58 を相互変換できます。
• ULID ジェネレーター — ソート可能な ULID を生成・デコードし、UUID と相互変換します。
• Snowflake ID ジェネレーター — Twitter や Discord のエポックで 64 ビット Snowflake ID を生成・デコードします。
• Caesar 暗号デコーダー — Caesar・ROT13・ROT47・Atbash をエンコード・デコード・総当たり
• ローマ数字変換 — 数字とローマ数字を相互変換し、入力を検証

エンコード / デコードのツールをすべて見る (31) · すべてのツール