HTML→エンティティ全置換

dev/html-to-entities

HTML本文で構文と衝突しやすい5文字を、対応する基本エンティティへ置き換えます。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

HTML→エンティティ全置換では、HTML本文で構文と衝突しやすい5文字を、対応する基本エンティティへ置き換えます。
関連する観点として HTML→エンティティ全置換、html to entities を確認し、結果をコピーして別の作業に使えます。

入力

結果

使い方

「入力」欄に、ページへ文字として表示したいHTML断片や属性値を貼り付けます。
「結果」欄で、5文字だけがエンティティ化され、本文の他の文字が残っていることを確認します。
CMSやMarkdownへ貼る前に、二重エスケープ済みの & が混ざっていないか見直します。
必要な形になったら、コピー操作でエスケープ済みの文字列を取り出します。

入力例・出力例

INPUT

OUTPUT

タグ記号、引用符、アンパサンドだけを置換します。

INPUT

日本語 & <tag>

OUTPUT

日本語 & <tag>

日本語は数値参照にならず、そのまま維持されます。

よくある利用シーン

ブログやCMSの記事中に、HTMLタグのサンプルを実行されない文字列として載せたいとき。
属性値に入る & や引用符を、最小限の基本エンティティへ置き換えたいとき。
Reactやテンプレートへ渡す前に、表示用コード片のエスケープ結果を目視確認したいとき。
非ASCII文字は読みやすく残し、HTML構文に関わる文字だけ処理したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
HTML→エンティティ全置換、html to entitiesの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

HTML→エンティティ全置換の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

HTML→エンティティ全置換とは具体的に何を変換しますか？

実装が置換するのは &、<、>、ダブルクォート、シングルクォートの5文字だけです。例えば `<p>Hello</p>` は `<p>Hello</p>` になりますが、英数字や日本語など他の文字はそのまま残ります。

日本語や絵文字など非ASCII文字はエンティティに変換されますか？

いいえ。日本語や絵文字は数値参照にせず、そのまま出力します。このツールはHTML構文や属性値で衝突しやすい5文字だけを、&、<、>、"、' に変換します。

`<textarea>` への貼り付けにも使えますか？

はい。HTMLコード例を `<textarea>` や記事本文に文字として貼る前に、タグ記号や引用符など5文字だけを逃がす用途に使えます。バックスラッシュや全非ASCII文字のエスケープは行いません。

関連ツール

JSON整形ツール

JSONの整形（Pretty Print）・圧縮・バリデーション・ツリービュー表示。構文エラーの位置表示、YAML変換にも対応。

正規表現テスター

正規表現のリアルタイムテスト。マッチ箇所のハイライト、グループキャプチャ表示、よく使うパターンのチートシート付き。

CSV→JSON変換

CSVファイル・テキストをJSON形式に変換。配列/オブジェクト形式の選択、ヘッダー行の自動認識にも対応。

JSON→CSV変換

JSONデータをCSV形式に変換。配列やネストしたJSONにも対応。

UUID生成ツール

UUID v4をワンクリックで生成。ハイフンなし、大文字、小文字など各種フォーマット対応。一括100個まで生成可能。

タイムスタンプ変換

UNIXタイムスタンプと人間が読める日時形式を相互変換。秒・ミリ秒に対応（マイクロ秒・ナノ秒は非対応）。ログ解析やAPI開発のデバッグに。

ASCIIコード表

ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。

アクセシビリティチェックリスト

Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する。

読み込み中...

このツールでできること

HTML→エンティティ全置換では、HTML本文で構文と衝突しやすい5文字を、対応する基本エンティティへ置き換えます。

関連する観点として HTML→エンティティ全置換、html to entities を確認し、結果をコピーして別の作業に使えます。

使い方

「入力」欄に、ページへ文字として表示したいHTML断片や属性値を貼り付けます。

「結果」欄で、5文字だけがエンティティ化され、本文の他の文字が残っていることを確認します。

CMSやMarkdownへ貼る前に、二重エスケープ済みの & が混ざっていないか見直します。

必要な形になったら、コピー操作でエスケープ済みの文字列を取り出します。

入力例・出力例

INPUT

OUTPUT

タグ記号、引用符、アンパサンドだけを置換します。

INPUT

日本語 & <tag>

OUTPUT

日本語 & <tag>

日本語は数値参照にならず、そのまま維持されます。

よくある利用シーン

ブログやCMSの記事中に、HTMLタグのサンプルを実行されない文字列として載せたいとき。

属性値に入る & や引用符を、最小限の基本エンティティへ置き換えたいとき。

Reactやテンプレートへ渡す前に、表示用コード片のエスケープ結果を目視確認したいとき。

非ASCII文字は読みやすく残し、HTML構文に関わる文字だけ処理したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。

HTML→エンティティ全置換、html to entitiesの観点で、入力内容と出力内容がずれていないか見直してください。

コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

データの扱い / プライバシー

HTML→エンティティ全置換の主要な処理はブラウザ内で実行されます。

入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。

本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

HTML→エンティティ全置換とは具体的に何を変換しますか？

日本語や絵文字など非ASCII文字はエンティティに変換されますか？

`<textarea>` への貼り付けにも使えますか？