document.writeln() 変換：HTML と JavaScript の相互変換

HTML を document.writeln() 文に変換・復元

HTML を貼り付けると document.writeln() 文が生成され、呼び出しを含む JavaScript を貼り付けると HTML を復元できます。変換はブラウザー内で完結し、貼り付けたコードが実行されることはありません。

ブラウザ内でローカルに実行

HTML と document.writeln() を変換する手順

入力欄は双方向に使えます。「HTML → JS」は貼り付けたマークアップの各行を document.writeln("...") 文で包み、スクリプトブロックにそのまま置けます。「JS → HTML」はその文を読み取り、出力されるはずのテキストを返します。

変換はブラウザー内の JavaScript で実行されます。入力はテキストとして扱われ、実行されることもアップロードされることもないため、社内のマークアップも手元にとどまります。

HTML を貼り付けて「HTML → JS」を押します。1 行が 1 つの document.writeln("...") 文になります。引用符、バックスラッシュ、</script> はエスケープされ、スクリプトブロック内でも壊れません。
document.writeln("...") を含む JavaScript を貼り付けて「JS → HTML」を押します。認識された呼び出しは出力されるテキストに置き換わり、それ以外の部分はそのまま残ります。
「コピー」で結果をクリップボードへ。「クリア」で入力欄を空にし、結果パネルを隠します。
使う前に出力を確認してください。このツールはラッパーのエスケープと行の分割だけを行い、HTML の圧縮・整形・検証はしません。

バックスラッシュは \\ に、二重引用符は \" になり、</script> は <\/script> と書き出されるため、外側の script 要素を閉じてしまうことはありません。行区切りの U+2028 と U+2029 も同様にエスケープされます。

それ以外は入力どおりです。シングルクォート、タブ、アクセント付き文字、絵文字はそのまま残るので、埋め込むページは UTF-8 で保存してください。

逆方向は document.writeln("...") と document.writeln('...') を一般的なエスケープ（引用符、バックスラッシュ、\n、\t、\uXXXX など）ごと認識し、呼び出しを出力されるテキストに置き換えます。

これはリーダーであり JavaScript エンジンではありません。コードは実行されず、document.write（ln なし）、テンプレートリテラル、変数で組み立てた呼び出しなど、認識できないものはそのまま残ります。

よくある用途は、document.writeln で HTML を書いていた古いページからマークアップを復元する、<script> 内に置く必要がある断片を用意する、生成された呼び出しが実際に何を出力するか確認する、といった場面です。

writeln 呼び出しではなく JavaScript の文字列配列が必要な場合は、姉妹ツールの「HTML → JavaScript」を使ってください。配列形式と文字列リテラルに対応しています。