Мой последний вопрос пару недель назад был решен в stackoverflow, но он оставил мне другую проблему: javascript добавляет </p>
после первого слова каждого абзаца в тексте, который переполняется в другой div. Пока я не могу найти решение или обходное решение.
Это сайт, это о разделе "Биография"
Вот код, который переполняет текст другому 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. Я использовал couch cms для cms, но я не думаю, что проблема.
Любая помощь будет принята с благодарностью :)
Вы, кажется, используя <p>
тег, как способы сделать пункты, так что если вы все еще хотите абзац, вы можете использовать <br><br>
вместо этого в тексте фидера.
К сожалению, все, что я пытался добавить <span>
просто автозаполнен </span>
, поэтому, я думаю, вы могли бы попробовать установить шрифт тела, например
body {
font-family: sans-serif;
}
<p>
вокруг текста. Я пытался отредактировать их в<br/>
но безуспешно. Однако удаление<p>
и</p>
в исходном тексте каким-то образом решает проблему (поэтому только с использованием<br/>
). Возможно, именно теги<p>
внутри.col
вызывают ошибку с couch. Это рабочее временное решение, спасибо за ваше предложение. (и, кстати, я не понизил ваш ответ)