java + jquery 对ckeditor的内容 进行分页

java代码:
private String pageBreak(String content){
//由于后台的分页格式在JAVA中获取不到,先替换。
String patternStr = "(?is)<div style=\"page-break-after: always\">(.*?)<span style=\"display: none\"> </span></div>";
Pattern p=Pattern.compile(patternStr);
Matcher m=p.matcher(content);
content=m.replaceAll("<div style=\"page-break-after: always\"><span style=\"display: none\"> </span></div>");
//对内容进行分页
String pattern = "<div style=\"page-break-after: always\"><span style=\"display: none\"> </span></div>";
String[] strSplit = content.split(pattern);
int count = strSplit.length;
String outstr = "";
String returnValue ="";
if(count > 1){
outstr = "<div id='page_break'>";
for(int i = 1; i<=strSplit.length;i++){
if(i<=1){
outstr += "<div id='page_"+String.valueOf(i)+"'>"+strSplit[i-1]+"</div>";
}else{
outstr += "<div id='page_"+String.valueOf(i)+"' class='collapse'>"+strSplit[i-1]+"</div>";
}
}
outstr += "<div class='num'>";
for(int j=1; j<=strSplit.length;j++){
outstr += "<li>"+String.valueOf(j)+"</li>";
}
outstr += "</div></div>";
returnValue = outstr;
}else{
returnValue = content;
}
return returnValue;
}
页面代码:
<style>
/*文章分页*/
#page_break {

}
#page_break .collapse {
display: none;
}
#page_break .num {
padding: 10px 0;
text-align: center;
}
#page_break .num li{
display: inline;
margin: 0 2px;
padding: 3px 5px;
border: 1px solid #72BBE6;
background-color: #fff;

color: #72BBE6;
text-align: center;
cursor: pointer;
font-family: Arial;
font-size: 12px;
overflow: hidden;
}
#page_break .num li.on{
background-color: #72BBE6;

color: #fff;
font-weight: bold;
}
</style>
<script type="text/javascript">
<!--
$(document).ready(function(){
$('#page_break .num li:first').addClass('on');

$('#page_break .num li').click(function(){
//隐藏所有页内容
$("#page_break div[id^='page_']").hide();

//显示当前页内容。
if ($(this).hasClass('on')) {
$('#page_break #page_' + $(this).text()).show();
} else {
$('#page_break .num li').removeClass('on');
$(this).addClass('on');
$('#page_break #page_' + $(this).text()).fadeIn('normal');
}
});
});
//-->
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值