HTML Entity Encode / Decode — Escape & Unescape HTML

HTML Entity Encode / Decode converts special characters like <, >, &, and quotes into safe HTML entities (and decodes them back). Use it when working with HTML attributes, templates, CMS editors, Markdown docs, or when debugging copy/paste issues. Handles common named entities (e.g. <, >, &, ") and numeric entities. Runs 100% locally in your browser — no uploads — and works offline after installing ToolMill as a PWA.

エンコーディング

お問い合わせ

事例紹介

HTMLをエンコードする

パスワード

<div>"x" & y</div>

ソリューション

&lt;div&gt;&quot;x&quot; &amp; y&lt;/div&gt;

HTML のエンティティティティ

パスワード

&lt;span title=&quot;Tom &amp; Jerry&quot;&gt;5 &amp;lt; 10&lt;/span&gt;

ソリューション

<span title="Tom & Jerry">5 < 10</span>

HTML のエンコードをエンコードするとき

角度ブラケット、アンパサンド、または引用などの文字をマークアップとして解釈される代わりに文字通り表示したい場合にエンティティティティエントを使用してください。特にチュートリアル、CMSフィールド、Markdownドキュメント、コードサンプル、コピースニペット、HTML属性の値に便利です。

符号化された取得

The most common cases are <, >, &, and quotes. Depending on the workflow, you may see named entities such as < and &, or numeric forms such as ' and '. Different editors may choose different forms while still rendering the same visible character.

実用的なワークフロー

このページは、ドキュメントに生の HTML ソースを表示したり、CMS やサポートシステムからコピーされたエンティティフィリングされたテキストをクリーンアップしたり、エクスポートから既にエスケープされた文字列をデコードしたり、貼り付けられたスニペットがそれを公開する前に一度または複数回エスケープされているかどうかを確認する場合に便利です。

二重符号化を避ける

A common mistake is encoding text that already contains entities. For example, a plain ampersand becomes &, but an existing & encoded again becomes &amp;. If the pasted input already looks escaped, check it carefully before clicking Encode.

コンテキストはまだ問題

エンティティティエンコーディングは、文字のマークアップを表示し、多くのコンテンツワークフローで誤ったレンダリングを防ぐのに役立ちますが、すべてのアプリケーションでコンテクスト・アウェア・エスケープの完全代替ではありません。保存した出力は、ライブHTMLエディタやページビルダーに貼り付けると、再びアクティブなマークアップになることもできます。

プライバシーとローカル処理

Webページやフィードでエンティティ変換されたテキストに頼る前に

結果を公開または埋め込む前に、使用している正確な HTML コンテキストと、既にエスケープを実行しているかどうかを確認します。間違った場所に差し込むか、2回エスケープされると、正しく変換された文字列はまだ間違っている可能性があります。

HTMLエンティティティコンバージョンが未安全性や不要な結果が生成できる場所

エンティティティコンバージョンは、ディスプレイとエスケープに役立ちますが、すべてのコンテキストで安全を保証するものではありません。テキストコンテンツと属性のコンテキスト間での二重エンコーディング、部分的なエスケープ、および不一致は、転送先が異なる処理を期待している場合は、出力が壊れたり、誤解を招くままにすることができます。

エンコーダとデコードされたHTMLエンティティティ出力を解釈する方法

エンコードされた出力は、HTML関連の文脈で安全に文字を表現する目的で、デコードされた出力は、そのエンティティティティの文字文字文字文字を復元します。これにより、HTMLテキストノード、属性、スクリプト、フィードがそれぞれ異なるエスケープニーズを持つ可能性があるため、貼り付ける可能性のあるすべての場所に対して、自動的に結果が適切でない。

変換はブラウザで実行されるため、コピーされたテンプレートのフラグメント、CMSコンテンツ、サポートメッセージ、または部分的に別のサイトにテキストを送信せずにマークアップをエスケープすることができます。それはあなたのスニペットがローカルにとどまるべき内部内容か草案を含むとき実用的です。