javascript - 如何在textnode中保留空白？

我正在拦截粘贴事件，并使用textNodes清除其中的任何html。

除了将所有空格都减少到一个空格并完全无视新行外，它的工作原理还不错。例如，如果用户要粘贴

“你好，世界

！”

然后将其粘贴为“ hello world！”

如何保持空白和换行？任何javascript，jquery或css技巧都很棒。这是我的代码：

iframe.contentWindow.focus()
var sel, range;
if (iframe.contentWindow.getSelection) {
    sel = iframe.contentWindow.getSelection();
    if (sel.getRangeAt && sel.rangeCount) {
        range = sel.getRangeAt(0);
        range.deleteContents();}
text = window.clipboardData.getData("Text");
frag = iframe.contentDocument.createTextNode(text);
range.insertNode(frag);

最佳答案

我遇到了同样的问题，并且能够通过上面评论中的nnnnnn的建议来解决。

.range_class{
    white-space: pre;
}

其中.range_class是要插入文本节点的元素的css类。

关于javascript - 如何在textnode中保留空白？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28120585/