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

java代码：
private String pageBreak(String content){
//由于后台的分页格式在JAVA中获取不到，先替换。
String patternStr = "(?is)<div style=\"page-break-after: always\">(.*?)<span style=\"display: none\">&nbsp;</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\">&nbsp;</span></div>");
//对内容进行分页
String pattern = "<div style=\"page-break-after: always\"><span style=\"display: none\">&nbsp;</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>

评论

2 楼 sghfofo 2012-03-01  

always none后面缺少个;

1 楼 luoyexian 2010-08-04  

你好。我是利用struts2来实现的。按上面的方法。好像控制不div分页信息是出来了。但页面好像控制不是分页。点第二页没有反应。请问是哪里的问题。谢谢