如何在textnode中保留空格?

时间:2015-01-23 23:49:18

标签: javascript jquery html css nodes

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

除了将所有空格减少到单个空间并完全忽略新行之外,它的效果很好。例如,如果用户要粘贴

“你好世界

“!

然后它会粘贴为“你好世界!”

如何保留空白区域和新线条?任何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);

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,并且能够通过上述评论中的nnnnnn建议解决这个问题。

.range_class{
    white-space: pre;
}

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