Javascript 另一个div中的html溢出文本

Javascript 另一个div中的html溢出文本,javascript,html,text,overflow,Javascript,Html,Text,Overflow,我想在另一个div中有一个溢出的文本,所以我在Stackoverflow中找到并使用了另一个问题 问题是只显示纯文本;链接、粗体/斜体和段落将被忽略 下面是答案的答案,但是添加了html标记。如何显示它们 代码: var currentCol=$('.col:first'); var text=currentCol.text(); 当前列文本(“”); var wordArray=text.split(“”); $.fn.hasOverflow=函数(){ var div=document.ge

我想在另一个div中有一个溢出的文本,所以我在Stackoverflow中找到并使用了另一个问题

问题是只显示纯文本;链接、粗体/斜体和段落将被忽略

下面是答案的答案,但是添加了html标记。如何显示它们

代码:

var currentCol=$('.col:first');
var text=currentCol.text();
当前列文本(“”);
var wordArray=text.split(“”);
$.fn.hasOverflow=函数(){
var div=document.getElementById($(this.attr('id'));
返回div.scrollHeight>div.clientHeight;
};
对于(var x=0;x

任何提示或建议都将不胜感激:)

jQuery
。text
方法只返回纯文本。尝试改用
.html

例如:

但是如果您的标记包含任何空格(如
),那么代码中的下一行将弄乱文本

var wordArray=text.split(' ');
你可能想把它改成

text = text.replace(/ (?![^<>]*>)/gi, '%^%');
var wordArray = text.split('%^%');
text=text.replace(/(?![^]*>)/gi,%^%);
var wordArray=text.split('%^%');
这是一种解决方法,因为您可以迭代每个正则表达式匹配,并在每个空格字符上对其进行子串,但是使用
%^%
组合的上述想法要简单得多。你可以用你想要的任何东西替换这3个标志。我只是觉得它很独特,不会用于任何其他用途。
上述正则表达式经过简化,并假定您在文本中不使用符号。

如果你真的这样做了,我建议用
替换它们。

作为OP的旁注,当使用
.html()
.split
时,你必须考虑到你的html标记也会被拆分。结果可能不符合预期。谢谢。
currentCol.html()可以工作,但是
var wordArray=text.replace(/(?![^]*>)/gi,”)显示带有html标记的纯文本,每个字符后都有一个空格。对了,我搞糊涂了,忘了你想拆分它,而不是替换空格。:)编辑答案…我修正了正则表达式。请看一看。这样效果更好,但我在新段落的第一个单词后面有一个额外的
。在示例中,文本显示如下:
Lorem

ipsum dolor sit amet,concertetuer adipising elit。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem.

var wordArray=text.split(' ');
text = text.replace(/ (?![^<>]*>)/gi, '%^%');
var wordArray = text.split('%^%');