Javascript 带有jquery文本（）的新行

我必须在我的网页上显示这段代码（共7行）。此

仅用于显示，最好的用途是复制和粘贴供自己使用

<script type="text/javascript">
wg_width = '250px';
wg_height = '250px';
wg_lines = '3';
wg_bgcolor = '#003366';
</script>
<script src="wg.js" type="text/javascript"></script>

您可以将文本括在

wHTML = $('<div></div>').text(wHTML).html(); // let jQuery escape it for us
$('#box_code').html('<pre>'+wHTML+'</pre>');

您也可以将语法更改为使用
script>
而不是
等等，然后手动放入

标记，但这似乎有点乏味。
您可以将文本括在

wHTML = $('<div></div>').text(wHTML).html(); // let jQuery escape it for us
$('#box_code').html('<pre>'+wHTML+'</pre>');

您也可以将语法更改为使用
script>
而不是
等等，然后手动添加

标记，但这似乎有点乏味。
添加以下CSS规则：
\box\u code{white space:pre；
添加以下CSS规则：
\box\u code{white space:pre；}
不错……但我不需要拆散@Massimo啊，对了，我添加了一个小技巧，可以帮你解决这个问题；jQuery很乐意为您转义代码，然后您可以将其与标记一起放入；另外，在我看来，第二个选项是最优雅的…但我不需要对@Massimo啊进行脱衣舞，对了，我添加了一个小技巧，可以帮你解决这个问题；jQuery很乐意为您转义代码，然后您可以将其与标记一起放入；而且，在我看来，第二种选择是最优雅的
wg_width = '250px';
wg_height = '250px';
wg_lines = '3';
wg_bgcolor = '#003366';

wHTML = $('<div></div>').text(wHTML).html(); // let jQuery escape it for us
$('#box_code').html('<pre>'+wHTML+'</pre>');

#box_code { white-space: pre; }