開発者ツール

HTMLエンティティ変換

HTML特殊文字のエンコード(実体参照化)とデコード(文字復元)を素早く行えるオンラインツールです。

ツールを実行

HTML特殊文字のエスケープ処理(エンコード)およびアンエスケープ処理(デコード)を行うオンラインツールです。HTMLタグの記述で特別な意味を持つ記号文字(「<」、「>」、「&」、「"」、「'」など)を対応するHTML実体参照へ変換したり、実体参照として表記されたテキストから元の記号文字へと復元したりできます。Webサイトのマークアップ作成やブログ記事へのソースコード掲載、システム間でのデータ受け渡し時の特殊文字処理など、日々の開発作業やコンテンツ編集に幅広く役立ちます。変換したい文字列を入力欄に入力し、希望する処理モードを指定して実行すると、結果欄に変換後のテキストが表示されます。エンコード処理を行うことでブラウザによる意図しないHTMLタグの解釈や誤作動を防止し、デコード処理を行うことで実体参照の文字列を本来の記号表記へ戻して確認できます。テキスト欄が空の状態で実行した場合は空のまま出力されるため、安全に操作していただけます。

使い方

  1. 「テキスト」欄に変換したい文字列を入力または貼り付けます。
  2. 「処理モード」欄でエンコードまたはデコードを指定します。
  3. 変換ボタンをクリックして処理を開始します。
  4. 変換結果欄に表示されたテキストを確認し、必要に応じてコピーして利用します。

使用例

  • テキスト「<div class="box">&amp;</div>」を入力し、エンコードを指定して変換すると、「&lt;div class=&quot;box&quot;&gt;&amp;amp;&lt;/div&gt;」が得られます。
  • テキスト「&lt;span&gt;テスト&lt;/span&gt;」を入力し、デコードを指定して変換すると、「<span>テスト</span>」に復元されます。

よくある質問

どのような文字がエンコードされますか?

HTMLで特別な意味を持つ記号文字(「<」、「>」、「&」、「"」、「'」など)が、対応するHTML実体参照に変換されます。

デコード処理を行うにはどうすればよいですか?

「処理モード」欄でデコードを指定することで、実体参照から元の記号文字への復元(アンエスケープ)が行われます。

何も入力せずに実行した場合はどうなりますか?

テキストが空の状態で実行すると、変換処理は行われず、空のテキストがそのまま結果として返されます。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。