開発者向けユーティリティ

HTMLエンティティ エンコーダー/デコーダー

生のテキストを安全なHTML出力用にエスケープしたり、エンティティを読み取り可能なテキストに戻したりできます。外部ライブラリに頼る必要はありません。

ドキュメント、テンプレート、CMSのフィールド、マークアップの多いコンテンツのデバッグに便利です。

一般的なエンティティ

<>&、二重引用符、アポストロフィなどの文字は、HTML内でレンダリングする前にエスケープが必要になることがよくあります。

エンティティのエンコードとデコード

エンコード

安全でないHTML文字をエンティティ文字列に変換し、ブラウザがテキストをそのままレンダリングするようにします。

デコード

名前付きエンティティや数値エンティティを、確認や編集のために読み取り可能な文字に戻します。

主な用途

コードスニペットをCMSのフィールド、ドキュメント、テンプレートリテラル、静的サイトのコンテンツに貼り付ける際に役立ちます。

仕組み

このエンコーダーは、HTMLで特別な意味を持つ文字を、エンティティセーフな対応する文字列に置き換えます。デコーダーはブラウザ独自のエンティティパーサーを使用して、それらのシーケンスをテキストに戻します。これにより、ツールは軽量で高速、かつ実際のブラウザの出力ルールに準拠したものになります。