给编辑器中获取内容分页

在编辑器中添加内容时,想在哪里分页,就把光标停在哪里,然后点击编辑器上的分页按钮,然后保存。前台获取的时候,根据_ueditor_page_break_tag_来判断分页即可,代码如下:

        <div id="content-box">
        <{$contact_data.pacon}>   <!-- 获取的编辑器内容 -->
        </div>
        <!-- <div id="page"></div> -->
        <ul class="pager">
<!--             <li><a href="">&lt;&lt;</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="">&gt;&gt;</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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值