ESC

入力テキスト

名前付きエンティティ: &, <, >, " 形式を使用。

結果

すべての処理はブラウザ内で行われます。データはサーバーに送信されません。

使用例

XSS防止

ユーザー入力表示時のクロスサイトスクリプティング(XSS)攻撃を防ぐためにHTMLタグと特殊文字をエンコードします。

HTMLソース表示

HTMLコードをレンダリングされずにWebページ内でテキストとして安全に表示できるようにエンコードします。

特殊文字

&、<、>などのHTMLエンティティをテキスト処理のために元の文字にデコードします。

機能

XSS保護

Webアプリケーションでのクロスサイトスクリプティング攻撃を防ぐためにユーザー入力をエンコード

双方向変換

文字をエンティティにエンコードし、エンティティをシームレスに文字にデコード

名前付きと数値モード

読みやすい名前付きエンティティまたは汎用的な数値エンティティから選択

プライバシー優先

すべての処理がブラウザ内でローカルに実行され、サーバーにデータは送信されません

使い方

1

エンティティモードを選択

&amp;のような読みやすいエンティティには名前付きモード、&#38;形式には数値モードを選択します。

2

テキストを入力

エンコードしたいHTMLコードやテキストを入力または貼り付け、またはデコードするエンコード済みエンティティを貼り付けます。

3

エンコードまたはデコード

エンティティに変換するにはエンコードを、エンティティを文字に戻すにはデコードをクリックします。結果をコピーします。

よくある質問

HTMLエンティティは、ブラウザがHTMLコードとして解釈する可能性のある文字を表す特別なシーケンスです。最も一般的な例は &lt;、&gt;、&amp;、&quot;、&apos; です。ユーザーテキストをHTMLで表示する場合、コード例を示す場合、またはXSS攻撃を防ぐ際に必要です。

名前付きエンティティ(例:&amp;amp;)は読みやすいですが、特定の文字しかカバーしません。数値エンティティ(例:&amp;#38;)は10進数(&amp;#38;)と16進数(&amp;#x26;)の2つの形式でUnicode文字全体をサポートします。どちらもHTMLで有効です。

XSS攻撃は、悪意のあるコードがHTMLに注入されることで発生します。&lt; を &amp;lt; にエンコードすることで、ブラウザはそれをコードではなくテキストとして表示します。信頼できないコンテンツは必ずHTMLに挿入する前にエンコードしてください。なお、JavaScript、CSS、URLのコンテキストでは異なるエスケープ方法が必要です。

必ずエンコードすべき文字:&amp; → &amp;amp;、&lt; → &amp;lt;、&gt; → &amp;gt;、" → &amp;quot;、' → &amp;apos;。UTF-8を使用した現代のHTMLでは、é、ü、©などの文字はエンコード不要ですが、古いシステムとの互換性のためにエンコードすることもできます。

エンコードされたHTMLを貼り付け、「デコード」をクリックすると、ツールがすべての名前付きおよび数値エンティティを元の文字に変換します。データベースのコンテンツ、APIレスポンス、またはレガシーシステムのデータを扱う際に非常に便利です。

&amp;nbsp; はノーブレークスペース(Unicode U+00A0)です。2つの単語間での改行を防ぎます。測定単位に便利で、「10&amp;nbsp;km」は常にひとつになります。レイアウトツールとして使用することは避け、代わりにCSSのpaddingとmarginを使用してください。

はい、ただし注意が必要です。文書全体をエンコードすると、&lt;div&gt; などのタグが &amp;lt;div&amp;gt; になり、機能するHTMLではなく表示テキストになります。この機能は、チュートリアルやドキュメントでHTMLソースコードを表示するのに便利です。

いいえ。すべての処理はJavaScriptによってブラウザ上でローカルに行われます。データはサーバーに送信されないため、機密性の高いコンテンツも安全に扱えます。

HTMLエンティティエンコーダーとは

ユーザー入力をWebページに貼り付けてレイアウトが崩れた経験があるなら、HTMLエンティティの重要性はお分かりでしょう。<、>、&、"などの文字はHTMLで特別な意味を持つため、DOMに入る前にエスケープする必要があります。このツールはその変換を瞬時に行います。

エンコードとデコードの違い

エンコードは生の文字を安全なエンティティ参照(&lt;、&amp;など)に変換し、ブラウザがマークアップではなくテキストとして表示するようにします。デコードはその逆で、データベースやAPIからエンティティエンコードされた文字列を取得して元の文字に戻す場合に便利です。

主な使用場面

最も重要なのはXSS対策です。ユーザー入力をレンダリング前にエンコードすることで、大きな攻撃経路を塞ぐことができます。また、ブログやドキュメントでコード例を表示する際にも活用されています。

実用的なヒント

最も頻繁に使う5つの文字(&、<、>、"、')には名前付きエンティティを使いましょう。コードレビューで見つけやすくなります。名前付き等価物がない拡張Unicode文字を扱う場合は数値モードに切り替えてください。

プライバシーについて

すべてのエンコードとデコードはブラウザ内で直接行われます。アップロードもログ記録もありません。

セキュリティとプライバシー

あなたのデータの安全を最優先しています

ローカル処理

すべての処理がブラウザ内で完結します

データ送信なし

データはサーバーに送信されません

保存しません

データは保存も共有もされません

SSL暗号化

安全な通信でご利用いただけます

MoreOnlineToolsでもっと見る