カテゴリー: 開発ツール

HTMLエンコード・デコード

サイト側で企画したツールツールが見つからない?

5つの予約文字をエンコードし、名前付き・数値エンティティをデコード

&, <, >, " と ' をHTMLエンティティへエスケープし、名前付き、10進、16進エンティティをテキストへ戻します。結果をコピーでき、すべてブラウザ内で動きます。

結果
ここに結果が表示されます。

このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。

このツールでできること

このHTMLエンコード・デコードツールは2方向の変換を扱います。エンコードでは予約文字 &, <, >, " と ' の5つをHTMLエンティティへエスケープし、コード例やユーザー入力がマークアップとして解析されずテキストとして表示されるようにします。デコードでは、amp, lt, gt, quot, apos, #39, nbsp の名前付き形式と、&#39; や &#x27; のような10進・16進の数値エンティティを通常の文字へ戻します。結果は1回の操作でコピーでき、すべてブラウザ内で動きます。境界も明確です。完全な名前付きエンティティ一覧はなく、上記の名前と数値形式だけを扱います。エンコードは通常の非ASCII文字を変換しないため、アクセント付き文字、CJKテキスト、絵文字はそのままです。HTMLサニタイズ、解析、ミニファイ、レンダリングプレビューはなく、エスケープだけでは完全なXSS防御になりません。URLパーセントエンコード、Unicode正規化、ファイルアップロード、バッチ変換もありません。入力テキストと変換結果はブラウザに残り、LocalToolsへアップロードされません。

使い方

  1. 変換したいテキスト、またはすでにエスケープされたHTML断片を貼り付けます。
  2. エンコードで &, <, >, " と ' をエスケープするか、デコードで対応エンティティを戻します。
  3. 出力を確認してコピーします。どの時点でもブラウザの外へ出ません。

プライバシー

このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。

よくある質問

どの文字がエンコードされますか?
正確には5つです。アンパサンド、小なり、大なり、ダブルクォート、アポストロフィです。これらはマークアップの解析を変えるため、エスケープするとテキストとして保てます。
ここでのエンコードとデコードの違いは?
エンコードは5文字を &lt; や &amp; のようなエンティティへ置き換えます。デコードは逆に、対応するエンティティを元の文字へ戻します。
数値HTMLエンティティに対応していますか?
デコードでは対応しています。&#39; のような10進形式と &#x27; のような16進形式を、amp, lt, gt, quot, apos, nbsp と一緒に扱います。エンコードは常に5つのエスケープを出力します。
&copy;のような名前付きエンティティやアクセント文字は?
デコード対象は上記の名前と数値エンティティに限られるため、&copy; や &euro; のような完全な一覧は対象外です。アクセント文字や絵文字はそのままです。
URLエンコードやセキュリティ用サニタイザーと同じですか?
いいえ。HTMLエンティティとURLパーセントエンコードは別の仕組みです。このツールはURLエンコード、サニタイズ、解析、ミニファイ、HTMLレンダリングを行わず、単独ではXSSフィルターではありません。