HTML エスケープ / アンエスケープ
HTMLの特殊文字とエンティティをエスケープ・アンエスケープします。
テキストのエスケープとアンエスケープはブラウザ内でローカルに行われ、サーバーには何もアップロードされません。
代わりにJSON向けにテキストをエスケープしますか? JSONエスケープ・アンエスケープをお試しください。
HTML エスケープ / アンエスケープ について
このHTMLエンティティ変換ツールは、HTMLの特殊文字をエスケープし、エンティティをプレーンテキストに復元する処理をブラウザ内で直接行います。エスケープモードでは、5つの特殊文字 & < > " ' を安全なエンティティ形式(&、<、>、"、')に変換するため、コードやタグ、ユーザー入力をマークアップを壊さずに表示できます。アンエスケープモードでは、このHTMLエスケープ・復元ツールが < や などの名前付きエンティティに加え、10進(')や16進(')の数値参照を元の文字へデコードします。テンプレート、メールHTML、スクレイピングしたページを扱うフロントエンド・バックエンド開発者、テクニカルライター、QAエンジニアに向けたツールです。すべてローカルで処理されるため、スニペットが端末から外に出ることはありません。
機能
- エスケープモードで & < > " ' をHTMLセーフなエンティティに変換
- アンエスケープモードで <、>、"、'、 などの名前付きエンティティをデコード
- ' のような10進数値エンティティを文字に復元
- ' のような16進数値エンティティを文字に復元
- & を最後に解決し、すでにエスケープ済みのアンパサンドをきれいにデコード
- ワンクリックのトグルでエスケープとアンエスケープを切り替え
- 入力に合わせて出力がリアルタイムに更新、ワンクリックでコピー
- すべてブラウザ内で動作
HTML エスケープ / アンエスケープ の使い方
- 文字をエンコードするにはエスケープ、エンティティをデコードするにはアンエスケープを選びます。
- テキストまたはHTMLを入力ボックスに貼り付けます。
- 入力に合わせて変換結果が出力パネルに表示されます。
- コピーをクリックして、エスケープ済みまたはアンエスケープ済みの出力を取得します。
例
入力
<a href="x">Tom & Jerry's</a>
出力
<a href="x">Tom & Jerry's</a>
エスケープモードはマークアップや特殊文字をHTMLセーフなエンティティに変換します。
よくあるエラーとトラブルシューティング
- エスケープしたのに出力に生の < や > が残る — エスケープモードになっているか確認してください。アンエスケープモードは逆の処理で、エンティティを文字に戻します。
- © や — のような名前付きエンティティがデコードされない — 名前付きエンティティとして扱うのは <、>、"、'、 のみです。代わりに © や — のような数値形式を使ってください。
- 二重エンコードされたテキストが < ではなく &lt; と表示される — テキストが複数回エスケープされており、1回のパスで1層ずつデコードされるため、アンエスケープを2回実行してください。
- エスケープすれば信頼できないHTMLを安全にレンダリングできると期待している — エスケープはプレーンテキストのマークアップインジェクションを防ぎますが、信頼できないHTMLは必ず専用のサニタイザーで浄化してからレンダリングしてください。
よくある質問
- HTMLエンティティ変換ツールとは何を、何にエスケープしますか?
- HTMLエンティティ変換ツールは、5つのHTML特殊文字をエスケープします。& は &、< は <、> は >、" は "、' は ' になります。
- HTMLエンティティをテキストに戻すには?
- HTMLエンティティ変換ツールをアンエスケープモードに切り替えてテキストを貼り付けると、<、>、"、'、 に加え、10進(')や16進(')の数値参照をデコードします。
- HTMLをエスケープすればユーザー入力を安全に表示できますか?
- エスケープはテキストをコンテンツとして出力する際のマークアップインジェクションを防ぎますが、信頼できないHTMLをマークアップとしてレンダリングする前には浄化すべきです。
- HTMLエンティティ変換ツールは数値文字参照を扱えますか?
- はい。アンエスケープモードは © のような10進参照と © のような16進参照の両方を文字に変換します。
- & が他のエンティティの後にデコードされるのはなぜですか?
- HTMLエンティティ変換ツールは & を最後に解決するため、&lt; のようにすでにエスケープされたシーケンスが誤って崩れず、1層ずつアンエスケープされます。
- HTMLエンティティ変換ツールを使うとき、テキストはどこかにアップロードされますか?
- いいえ。HTMLエンティティ変換ツールはすべてブラウザ内でローカルに処理するため、テキストが端末から外に出ることはありません。
関連ツール
すべての ArrayKit ツール