本文へスキップ
SPCXTools

HTMLエンコード / デコード

テキストを安全なHTMLエンティティに変換したり、エンティティを読みやすい元の文字に戻したりできます。

ローカルで動作 — ファイルは端末から出ません

ツールを読み込み中…

HTMLエンコード / デコードの使い方

  1. 1テキストをHTML用にエスケープするにはエンコードを、エンティティを元の文字に戻すにはデコードを選択します。
  2. 2テキストまたはHTMLを入力ボックスに貼り付けます。
  3. 3エンコード時、オプションで非ASCII文字(アクセント記号、記号、絵文字など)を数値エンティティに変換できます。
  4. 4結果をコピーまたはダウンロードします。変換の方向を切り替えると、結果が入力ボックスに移動します。

HTMLエスケープ・アンエスケープ

Webページにコードサンプルを表示したり、ユーザーの入力内容をHTMLに挿入したり、XMLやJSONテンプレートにテキストを書き込んだり、&や'だらけのデータを読み込んだりする際、文字とHTMLエンティティ(実体参照)の変換が必要になります。このツールは両方に対応しており、テキストをエスケープしてHTML内で安全に表示できるようにするほか、名前付きエンティティや数値エンティティを元の文字にデコード(アンエスケープ)します。

機能

  • エンコード: 5つのHTML特殊文字(& < > " ')を変換します。
  • 数値エンティティのオプション: すべての非ASCII文字を10進数または16進数の数値エンティティに変換できます。
  • デコード: すべての名前付きエンティティ、および10進数・16進数の数値エンティティを元の文字に戻します。
  • 双方向の切り替え: 入力テキストを保持したまま、変換方向を切り替えられます。
  • 安全: 入力データがHTMLとしてレンダリングされることはありません。
  • プライバシー保護: すべての処理はお使いのブラウザ上で完結します。

よく使われるHTMLエンティティ

文字 名前付きエンティティ 数値エンティティ
& &amp; &#38;
< &lt; &#60;
> &gt; &#62;
" &quot; &#34;
' &apos; &#39;
ノーブレークスペース &nbsp; &#160;
© &copy; &#169;
€ &euro; &#8364;
… &hellip; &#8230;
— &mdash; &#8212;

関連ツール

Webアドレス用のテキスト変換にはURLエンコード・デコード、バイナリデータのエンコードにはBase64、MarkdownからHTMLへの変換にはMarkdown HTML変換、XMLの整形にはXMLフォーマッターをご利用ください。

よくある質問

HTMLでエスケープが必要な文字は何ですか?
&は常に&amp;、<は&lt;と記述する必要があります。属性値の中では、引用符もエスケープする必要があります("は&quot;、'は&#39;)。一貫性を保つため、>は&gt;としてエスケープされます。このエンコーダーはこれら5つすべてをエスケープします。
テキストをエスケープする理由は何ですか?
エスケープされていない<や&はページのレイアウトを崩す可能性があり、ユーザー入力のテキストの場合はクロスサイトスクリプティング(XSS)攻撃を許す原因になります。エスケープすることで、ブラウザはそれらをHTMLとして解釈せず、文字としてそのまま表示します。
アクセント記号付きの文字や絵文字もエンコードする必要がありますか?
ページがUTF-8で提供されている場合は不要です(現代のほぼすべてのサイトが該当します)。&#233;のような数値文字参照へのエンコードは、古いメールソフトやCMSなど、Unicodeに対応していないシステムでのみ有効です。
どのエンティティをデコードできますか?
すべてデコード可能です。HTMLで定義されているすべての文字実体参照(&nbsp;、&copy;、&euro;、&hellip;など)、10進数文字参照(&#8364;)、16進数文字参照(&#x20AC;)に対応しています。
信頼できないHTMLをここでデコードしても安全ですか?
はい。デコードにはプレーンテキストフィールドを使用するため、入力されたタグはテキストとして扱われ、スクリプトや画像が読み込まれることはありません。出力結果もテキストとして表示され、HTMLとしてレンダリングされることは決してありません。