HTML エンティティ エンコーダー/デコーダーとは?

無料のオンライン HTML エンティティ エンコーダー兼デコーダー。<, >, &, " などの特殊文字を HTML エンティティ(&lt;, &gt;, &amp;, &quot;)に変換、またはその逆を行います。

HTMLエンティティとは、HTMLマークアップ上で特別な意味を持つ文字を表す特殊な文字列のことです。「<」「>」「&」"「'」などの文字は、HTMLコンテンツ内に出現する際、それぞれ「&lt;」「&gt;」「&amp;」「&quot;」「&#039;」にエンコードしなければなりません。エンコードしないと、ブラウザはそれらをテキストではなくマークアップとして解釈してしまいます。HTML Entity Encoder/Decoderは、これらのエンティティのエンコードとデコードの両方を双方向のインターフェースで処理します。

Encodeモードでは、入力テキスト内のHTML特殊文字5種をスキャンし、それぞれに対応するエンティティに置き換えます。これは、Webページにコードスニペットを表示したい場合、ユーザー生成コンテンツを安全に受け付けたい場合、HTMLテンプレートに組み込むテキストを準備したい場合などに不可欠です。エンコードしないと、ユーザーが「<script>alert('xss')</script>」というテキストを送信した際に、ブラウザはそれをテキストとして表示するのではなく、コードとして実行してしまいます。

Decodeモードでは、その逆の操作で、エンティティでエンコードされたテキストを人間が読める形式に戻します。これは、HTML出力のデバッグ、Webページの生のHTMLソースの読み取り、HTMLベースのAPIから受け取ったデータの処理などに役立ちます。また、Webコンテンツでよく見かける&nbsp;(ノーブレークスペース)にも対応しています。これはレンダリングされたHTMLでは見えない文字です。

シンタックスハイライト付きの出力により、エンコードされた文字を通常のテキストと簡単に見分けられます。エンコード済みエンティティはハイライト表示されるため、すべての特殊文字が正しく変換されたことを確認できます。スワップボタンで変換の向きを即座に切り替えられるので、開発やデバッグ中にテキストをエンコードとデコードのサイクルで何度も行き来させるワークフローをサポートします。

HTML エンティティ エンコーダー/デコーダーの実際の使用例

ブログのユーザー生成コメントをサニタイズする

ブログのコメントに「<script>」タグやHTMLの書式が含まれています。Encodeモードのエンコーダーにコメントのテキストを貼り付けてください。「<」「>」"などの文字はすべて安全なエンティティになります。エンコードされたテキストは、XSS攻撃やエスケープされていないタグによるページレイアウトの崩れを心配することなく、ブログのHTMLで安全にレンダリングできます。

テンプレートエンジンのHTML出力をデバッグする

サーバーサイドテンプレートが「Hello &lt;b&gt;World&lt;/b&gt;」のような出力を生成しており、デコードされた状態を確認する必要があります。これをDecodeモードに貼り付けると「Hello <b>World</b>」が得られます。テンプレートエンジンがレンダリング前にユーザー入力を正しくエスケープしているかを確認するのに役立ちます。

開発者ブログ用のコードスニペットを準備する

JavaScriptに関するチュートリアルを書いていて、山かっこを含むコードを表示する必要があります。コード例を通常のテキストで書き、Encodeモードで処理し、エンコード結果をブログに貼り付けます\

なぜHTML エンティティ エンコーダー/デコーダーを使うのか?

  • 双方向:HTMLエンティティのエンコードとデコード
  • 読みやすい構文ハイライト付き出力
  • &amp;、&lt;、&gt;、&quot;、&#039;、&nbsp;に対応
  • ワンクリックで方向を反転

HTML エンティティ エンコーダー/デコーダーの使い方 — ステップバイステップ

1

モードを選択します:エンコードまたはデコード。

2

テキストまたはHTMLエンティティを入力に貼り付けます。

3

構文ハイライト付きで出力がリアルタイムに更新されます。

4

結果をコピーまたはダウンロードします。

HTML エンティティ エンコーダー/デコーダーはこんな方におすすめ

  • XSS防止
  • HTMLデバッグ
  • テンプレートエスケープ
  • コンテンツ無害化

HTML エンティティ エンコーダー/デコーダーのプロのヒント

  • 1生のHTML特殊文字を含むユーザー入力を決して信頼しないこと。常に「&」「<」「>」"「\」をエンコードすること\
  • 2
  • 3
  • 4

HTML エンティティ エンコーダー/デコーダー — よくある質問

Why do I need to encode HTML entities?

Encoding HTML entities prevents browsers from interpreting special characters as HTML markup. This is essential for displaying code snippets and preventing XSS attacks in user-generated content.

What entities does this tool handle?

It handles the five core HTML entities: & (&amp;), < (&lt;), > (&gt;), " (&quot;), and ' (&#039;), plus &nbsp; for non-breaking spaces.

Can I use these tools with sensitive/proprietary data?

Absolutely. All processing runs locally in your browser with zero server uploads. This makes these tools safe for proprietary code, internal API keys, and confidential data.

Do these tools work offline?

Yes, once the page has loaded, most developer tools continue functioning without an internet connection. This makes them ideal for air-gapped environments or travel.

What browsers are supported?

All modern browsers are supported: Chrome, Firefox, Safari, and Edge. Internet Explorer is not supported. The tools leverage modern JavaScript APIs like Web Crypto, TextEncoder, and BigInt.

HTML エンティティ エンコーダー/デコーダーを今すぐ試す

無料オンラインツール — ブラウザで動作、サインアップ不要。今すぐ使い始められます。

今すぐ試す
Free Forever · No Sign-up

182 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.