Question

我的上一个question a couple of weeks ago在stackoverflow上得到了解决，但它给我留下了另一个问题：javascript在文本中每个段落的第一个单词后面添加，这个单词溢出到另一个div中。到目前为止，我无法找到解决方案或解决方法。

This is the site，这是关于传记部分

以下是将文本溢出到另一个div的代码：

var currentCol = $('.col:first');
var text = currentCol.html();
currentCol.text('');
text = text.replace(/ (?![^<>]*>)/gi, '%^%');
var wordArray = text.split('%^%');

$.fn.hasOverflow = function() {
    if($(this).attr('id')){
        var div= document.getElementById($(this).attr('id')); 
        return div.scrollHeight>div.clientHeight;
    }
};

for(var x=0; x<wordArray.length; x++){
    var word= wordArray[x];
        currentCol.append(word+' ');
        if (currentCol.hasOverflow()){
            if(!currentCol.hasClass('col2')){
                currentCol = currentCol.parent().parent().find(('.col2'));
        }
    }
}

以下是以前提供的从纯文本切换到html的解决方案：

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

我认为问题出在这一行，但我无法弄清楚它是什么（aslo：我不是javascript专家）

其他信息：代码位于php文件的底部我使用沙发cms作为cms，但我认为这不是问题。

非常感谢任何帮助：）

Answer 1

您似乎使用标记作为制作段落的方法，因此如果您仍想要段落，则可以在Feed文本中使用 。

很遗憾，我尝试添加的所有内容都只是自动填充，所以我猜您可以尝试设置正文字体，例如

body {
font-family: sans-serif;
}

http://jsfiddle.net/Tt9sw/237/

Javascript在段落的第一个单词后添加<p> </p>（bug）

1 个答案: