HTML JS文字列変換器
HTMLマークアップを、JSファイル内で変数として宣言できる文字列フォーマットに変換
改行やクォーテーションのエスケープを自動処理し、JS用のコードに成形します。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- HTMLコードを入力欄に貼り付けます。
- 括り文字（シングル、ダブル、バックティック）を選びます。
- 変換を実行し、生成された変数宣言コードをコピーします。
よくある質問
- テンプレートリテラル（バックティック）の際はどうなりますか？
- コード内にすでに含まれているバックティックや変数展開記号（${）は自動でエスケープされます。
- バッククォートではなくダブルクォートやシングルクォートを選んだ場合、元の改行はどのように処理されますか?
- ダブルクォートやシングルクォートは文字列の中に実際の改行を含められないため、元のHTMLの各行を引用符で囲んで明示的な\nを付け、+演算子でつなぐ複数行の文字列連結コードに自動変換されます。バッククォートを選ぶとこの分割処理はなく、元の改行がそのまま1つのテンプレートリテラルにまとめて入ります。
- バッククォートではなくダブルクォートやシングルクォートを選んだ場合、元の改行はどのように処理されますか?
- ダブルクォートやシングルクォートは文字列の中に実際の改行を含められないため、元のHTMLの各行を引用符で囲んで明示的な\nを付け、+演算子でつなぐ複数行の文字列連結コードに自動変換されます。バッククォートを選ぶとこの分割処理はなく、元の改行がそのまま1つのテンプレートリテラルにまとめて入ります。