我正在创建一个文本编辑器,我希望设置 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>
代码结束
我想这样做,以便示例中的“段落”一词不会跳过一行
对它之前的换行符做。
最佳答案
抱歉,我不确定是否有简单的 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(" ↵ ");
关于javascript - 保留空白,忽略换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24499895/