🏷️
無料HTML エンコーダー&デコーダー
特殊文字を HTML エンティティにエンコードするか、エンティティをデコードしてプレーン テキストに戻します。ブラウザ上で即座に。
読み込み後はオフラインでも動作
出力:
サンプル:
プレーンテキスト / HTML
エンコード済み HTML
ここに出力が表示されます...
HTML 実体参照一覧
&&
<<
>>
""
''
·
©©
®®
™™
€€
——
……
主な用途
- RSS フィード用にコンテンツをエンコードRSS フィード アイテムの説明用に HTML コンテンツをエンコードします — RSS 2.0 標準で必須。
- HTML 出力用のユーザー入力をサニタイズユーザー提供の文字列を HTML に挿入する前にエンコードします — XSS インジェクション攻撃を防ぎます。
- HTMLメール用の特殊文字をエンコード&、<、>、©などの文字をHTMLエンティティにエンコード。すべてのメールクライアントで正しく表示されます。
- ウェブ表示用のユーザーコンテンツをエンコードユーザー生成コンテンツをHTMLページに表示する前にエンコードしてXSS攻撃を防ぐ。
- XML用のコンテンツをエンコードXMLファイル、RSSフィード、サイトマップ、SOAPペイロード用の特殊文字をエンコード。
使い方
ここでのHTMLのエンコード・デコードは、手書きの正規表現置換とハードコードされた名前付きエンティティのルックアップテーブルを使ってブラウザ内で完全に行われます — サードパーティのエンコーディングライブラリもサーバーとのやり取りも不要です。一般的でない名前付きエンティティ（áや“など）のデコードには、ツールはコストゼロのフォールバックとしてブラウザ自体のHTMLパーサーに処理を委ねます。
- 1正規表現が置換すべき文字をスキャンするエンコード時、2つのUnicode対応正規表現のうちいずれかが入力全体に対して実行されます：約25の一般的なHTML上重要な特殊文字を対象とした絞り込まれたパターン、またはU+007F以上のすべてのコードポイントを捕捉する広いパターンです。各一致は文字ごとに処理されます。
- 2ルックアップテーブルまたはcodePointAt()がエンティティを生成する名前付きエンティティの出力では、一致した文字はハードコードされたテーブル（例：& → &、© → ©）で検索されます。10進数または16進数の出力では、String.codePointAt()がUnicodeコードポイントを取得し、&#NNN;または&#xNNN;として整形します — 正規表現がUnicodeの'u'フラグを使用しているため、サロゲートペアも正しく処理されます。
- 3単一パスの正規表現がエンティティを文字に戻すデコード時、単一の正規表現パスがすべてのエンティティトークン（&、A、Aなど）を識別し、それぞれを適切なハンドラーに振り分けます：16進数のparseInt（基数16）、10進数のNumber()、名前付きの逆引き、またはハードコードされたテーブルにないエンティティの場合はブラウザがネイティブに解析するinnerHTMLを持つtextarea要素で、ブラウザ内蔵のエンティティテーブルから正しい文字を返します。
- 4結果は即座に表示され、Clipboard API経由でクリップボードにコピーできる出力はReactのuseMemoを介してキーストロークごとに同期的に再計算されます。コピーにはnavigator.clipboard.writeText() — モダンな非同期Clipboard API — が使われ、制限されたコンテキストではサイレントにエラーがキャッチされます。
関連ツール
URL エンコーダー&デコーダー
URL とクエリ文字列をエンコードおよびデコードします。 encodeURIComponent、decodeURIComponent、およびクエリ文字列の解析をサポートします。
試してみる
Base64 エンコーダー&デコーダー
テキストまたはファイルを Base64 にエンコードするか、Base64 文字列をデコードしてプレーン テキストに戻します。インスタント、プライベート、そして無料。
試してみる
Caesar 暗号＆テキスト暗号化ツール
Caesar 暗号、ROT13、Atbash、Vigenère 暗号を使用してテキストを暗号化および復号化します。古典的な置換暗号をすべてブラウザで実行できます。
試してみる