在编辑器中添加内容时,想在哪里分页,就把光标停在哪里,然后点击编辑器上的分页按钮,然后保存。前台获取的时候,根据_ueditor_page_break_tag_来判断分页即可,代码如下:
<div id="content-box">
<{$contact_data.pacon}> <!-- 获取的编辑器内容 -->
</div>
<!-- <div id="page"></div> -->
<ul class="pager">
<!-- <li><a href=""><<</a></li>
<li><a class="on" href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">>></a></li> -->
</ul>
<script type="text/javascript">
var pageCount = 1;//总页数
var regExp = /_ueditor_page_break_tag_/;//根据某处字符来分页
var saveContent;//用于保存分页数据
var content, pageList;//保存全局ID
$(document).ready(function(){
UeInitialize("#content-box",".pager");
});
UeInitialize = function (id,page) {
var cTxt = $(id).html();
content = $(id);
pageList = $(page);
if (cTxt != null && regExp.test(cTxt)) {
saveContent = cTxt.split(regExp);
pageCount = saveContent.length;
}
window.UePageContent(1);
};
UePageContent = function (pageIndex) {
//pageIndex是当前页 pageCount是总页数 saveContent分页内容
if (pageIndex >= 1 && pageIndex <= pageCount && saveContent != null && saveContent.length >= 0) {
var pageHtml = pageList;
if ((parseInt(pageIndex) - 1) <= saveContent.length) {
content.html(saveContent[parseInt(pageIndex) - 1]);
}
pageHtml.html("");
// 上一页
var innHtml = "<li><a target='_self' href='javascript:UePageContent(" + (parseInt(pageIndex) - 1) + ")'><<</a></li>";
//1 2 3 4 5
for($i=1;$i<=pageCount;$i++){
var page=$i;
if(page!=pageIndex){
innHtml += "<li><a target='_self' href='javascript:UePageContent(" + (parseInt(page))+ ")'>"+page+"</a></li>";
}else{
innHtml += "<li><a target='_self' class='on'>"+page+"</a></li>"; //当前页
}
}
// 下一页
innHtml += "<li><a target='_self' href='javascript:UePageContent(" + (parseInt(pageIndex) + 1) + ")'>>></a></li>";
pageHtml.html(innHtml);
}
}
</script>