javascript - 保留空白，忽略换行符

Question

我正在创建一个文本编辑器，我希望设置 white-space CSS 属性选项，以便保留空格和 nbsp，但 HTML 代码中出现的换行符不会导致换行。

我正在创建的文本编辑器的所有边都有边距，我希望文本在到达

标记的末尾时换行。我希望用户能够在文档中放置尽可能多的空格而不压缩它们。

目前，我有 white-space:pre-wrap; ，但文档代码中的任何换行符也会导致文档中出现换行符。这些换行符是由我的文档转换器引起的，除非绝对必要，否则我不想修改它。虽然我不是很确定，但我非常怀疑 Firefox、Google Chrome、Internet Explorer 和 Safari 是否都避免在代码中放置换行符。因此，我认为我最好的选择可能是设置 white-space 属性。

从我读到的关于 white-space:pre-line 的内容来看，这听起来与我想要的完全相反，它折叠空格，并在代码换行符处中断；

我想得到一个使用纯 CSS 的答案，但我也许可以使用一点 Javascript，但我不想这样做，因为这个问题不是最极端的。

谢谢!

编辑:这是当前发生的情况的 JSFiddle 演示:http://jsfiddle.net/tXSQj/

代码: <p>A test
paragraph</p>代码结束

我想这样做，以便示例中的“段落”一词不会跳过一行对它之前的换行符做。

Answer 1

抱歉，我不确定是否有简单的 CSS 解决方案。使用 JavaScript 可能更容易:

HTML:
<p id = "code">[stuff]</p>
<!-- Set the CSS white-space property to pre-wrap. -->

JavaScript:
var codeElem = document.getElementById("code");
codeElem.innerHTML = codeElem.innerHTML.split("\n").join(" ↵ ");