無料オンライン HTML エンティティ エンコーダー & デコーダー — 特殊文字をエスケープ

HTML エンティティとプレーンテキストを相互変換。<、>、&、" などの特殊文字を HTML エンティティにエンコードして安全に表示、またはエンティティ参照を可読テキストにデコードします。

入力
出力
よく使う HTML エンティティ
文字エンティティ数値参照説明
&&amp;&#38;Ampersand
<&lt;&#60;Less than
>&gt;&#62;Greater than
"&quot;&#34;Double quote
'&#39;&#39;Single quote (apostrophe)
 &nbsp;&#160;Non-breaking space
©&copy;&#169;Copyright
®&reg;&#174;Registered
&trade;&#8482;Trademark
&euro;&#8364;Euro sign
£&pound;&#163;Pound sign
¥&yen;&#165;Yen sign
°&deg;&#176;Degree
±&plusmn;&#177;Plus-minus
×&times;&#215;Multiplication
÷&divide;&#247;Division
&mdash;&#8212;Em dash
&ndash;&#8211;En dash
&hellip;&#8230;Ellipsis
&lsquo;&#8216;Left single quote
&rsquo;&#8217;Right single quote
&ldquo;&#8220;Left double quote
&rdquo;&#8221;Right double quote
é&eacute;&#233;e acute
ñ&ntilde;&#241;n tilde
ü&uuml;&#252;u umlaut

機能

  • テキストから HTML エンティティへのエンコード(名前付き・数値形式)
  • 名前付き・10 進数・16 進数エンティティからテキストへのデコード
  • 完全エスケープのためのオプションの非 ASCII 文字エンコード
  • 一般的なエンティティ参照表(文字、名前、数値コード付き)
  • 入力と同時にリアルタイム変換
  • 100% クライアントサイド処理、データはローカルに保持

よくある質問

名前付きエンティティと数値エンティティの違いは?

名前付きエンティティ(例:&amp;)は覚えやすいラベルを使用します。数値エンティティ(例:&#38;)は文字コードポイントを使用します。名前付きの方が読みやすいですが、一般的な文字のみカバーしています。

「非 ASCII をエンコード」オプションはいつ使うべきですか?

HTML を純粋な ASCII にする必要がある場合に使用します。例えば、ターゲットシステムが UTF-8 を適切に処理できない場合や、古いメールクライアントとの互換性を最大化したい場合です。

データはどこかに送信されますか?

いいえ。すべてのエンコードとデコード処理はブラウザ内の JavaScript で実行されます。ネットワークリクエストは一切発生しません。

React/Vue/Angular で手動エンコードは必要ですか?

モダンフレームワークは {variable} や {{ variable }} でレンダリングする際に自動的にエスケープします。dangerouslySetInnerHTML や v-html を使用する場合のみ手動エンコードが必要です。

ヒントと関連ワークフロー