php每20个字符就换行,使用PHP或javascript将每2500个字符的文本换行进行分页

我有一长串文字.我想将这个文本的每2500个字符包装成一个< div>我可以对它进行分页.

以下不起作用：

//replace 2500 for 5 for purpose of this example

$text="sfdkjas;fakska;ldjk";

$text=wordwrap($text, 5, '

');

输出：

sfdkj

as;fa

kska;l

class="individualPage">djk

显然我需要结束< / div>标记使这项工作.

有没有人在PHP或Javascript / jQuery中有这个建议？

解决方法:

只需添加< / div>然后？

$text = '

'

. wordwrap($text, 5, '

')

. '

';

只需将您的HTML设置为：

...

为页面添加一些css：

#target {

white-space: pre-wrap; /* respect line breaks */

}

.individualPage {

border: 1px solid black;

padding: 5px;

}

然后使用以下代码：

var contentBox = $('#target');

//get the text as an array of word-like things

var words = contentBox.text().split(' ');

function paginate() {

//create a div to build the pages in

var newPage = $('

contentBox.empty().append(newPage);

//start off with no page text

var pageText = null;

for(var i = 0; i < words.length; i++) {

//add the next word to the pageText

var betterPageText = pageText ? pageText + ' ' + words[i]

: words[i];

newPage.text(betterPageText);

//Check if the page is too long

if(newPage.height() > $(window).height()) {

//revert the text

newPage.text(pageText);

//and insert a copy of the page at the start of the document

newPage.clone().insertBefore(newPage);

//start a new page

pageText = null;

} else {

//this longer text still fits

pageText = betterPageText;

}

}

}

$(window).resize(paginate).resize();

这将与PHP解决方案结合使用,如果禁用javascript,则提供向后兼容性.

标签：javascript,php,jquery,pagination,word-wrap

来源： https://codeday.me/bug/20190725/1538336.html