変換はブラウザ内でリアルタイムに実行され、テキストはアップロードされません。安全なHTMLテキストだけが必要な場合は特殊文字、©のように読みやすい参照には名前付きエンティティ、10進または16進のコードポイントが必要な場合は数値モードを使います。
HTMLエンティティのエンコードとデコード
すべてブラウザー内で動作します。アップロードも登録も不要です。
HTMLエンティティのエンコードとデコードとは?
HTMLエンティティのエンコードとデコードは、読みやすいテキストと、<、©、©、🌍のようなHTML文字参照を相互に変換する処理です。HTMLに貼り付ける前にマークアップとして解釈されやすい文字をエスケープしたり、ソースコード内のエンティティを通常のテキストへ戻したりできます。
使い方
- 1エンコードまたはデコードを選択. テキストをHTMLエンティティに変換するにはエンコードを、エンティティ参照を読みやすい文字に戻すにはデコードを選択します。
- 2エンコードモードを選択. 安全なHTMLテキストには特殊文字、読みやすい名前には名前付きエンティティ、コードポイントの数値参照には10進数または16進数を使います。
- 3テキストを貼り付け. 結果は出力パネルでリアルタイムに更新されます。デコードモードでは、名前付き、10進、16進の参照をまとめて処理します。
- 4結果をコピー. エンコードまたはデコードされたテキストをコピーし、HTML、テンプレート、メール、ドキュメントに貼り付けます。
こんな方に
- Web開発者が、山かっこ、アンパサンド、引用符、アポストロフィを含むスニペットをテキストとして表示する前にエスケープする。
- コンテンツ編集者が、CMSやメールテンプレート内で
&、 、©のように表示された記号をデコードする。 - QAやサポートチームが、壊れたページに未エスケープのマークアップがあるのか、すでにエスケープ済みのエンティティ参照があるのかを確認する。
- ドキュメント作成者が、ブラウザに実際のマークアップとして扱わせずにHTMLタグの例を示す。
よくある質問
このHTMLエンティティ変換は無料ですか?
はい。HTMLエンティティのエンコードとデコードは無料で使えます。登録、ダウンロード、使用制限はありません。テキストを貼り付け、モードを選び、ブラウザから結果をコピーできます。
テキストはどこかにアップロードされますか?
いいえ。エンコードとデコードはブラウザ内でローカルに実行されます。ウィジェットに貼り付けたテキストはサーバーへ送信されないため、非公開テンプレート、ソースコード断片、サポートチケットにも使いやすいです。
安全なHTMLのためにどの文字をエンコードすべきですか?
少なくとも、テキストをHTMLや属性に挿入する場合は、アンパサンド、小なり、大なり、引用符をエスケープします。これらの文字はマークアップ、エンティティ、属性境界を開始することがあります。現在のUTF-8ページでは、非ASCII文字をすべてエンコードする必要はありません。
名前付き、10進、16進エンティティの違いは何ですか?
名前付きエンティティは<code>&copy;</code>のような読みやすい名前を使います。10進数値参照は<code>&#169;</code>のように10進のコードポイントを使います。16進参照は<code>&#xa9;</code>のように16進のコードポイントを使います。ブラウザは3つの形式をすべてデコードできます。
デコーダーは絵文字や英語以外の文字に対応していますか?
はい。数値参照は、絵文字や非ラテン文字を含む有効なUnicodeコードポイントを表せます。たとえば<code>&#x1f30d;</code>は地球の絵文字にデコードされ、<code>&eacute;</code>のような名前付きエンティティはアクセント付き文字に戻ります。
デコードしたHTMLは実際のマークアップとして実行されますか?
いいえ。デコード結果は通常のtextarea内に表示されるため、このツール内ではタグもテキストのままです。デコードした出力をHTMLドキュメントへコピーすると、その時点でブラウザが実際のタグをマークアップとして扱います。
二重にエスケープされたアンパサンドが一度しかデコードされないのはなぜですか?
<code>&amp;</code>はリテラルのアンパサンドを表すエンティティです。一度デコードすると<code>&</code>になります。文字列が複数回エンコードされていた場合は複数回デコードが必要なこともありますが、二重エスケープだと分かっている場合だけ行ってください。