javascript - 从 ES6 到 HTML 的多行模板字符串(不包括换行符)

Question

我在 JS 文件(使用 ES6 标准)中有一个很大的模板文字，看起来类似于:

let stringLiteral = `this is a large
                     string and it also 
                     has many lines in it

                     and this is a larger line break`

并将其放入我的 HTML 文件中，我只需使用:

document.getElementById('content').innerHTML = stringLiteral;

但是，当我这样做时，换行符不会包含在 HTML 中。我必须做什么才能实现这一点？

Answer 1

默认情况下，文本节点中的空白会折叠。使用<br />或<br>对于换行符或添加 white-space: pre;到该元素的 css。