fckeditor编辑器下的自定义分页符实现方法-木庄网络博客

本文整理自网络，侵删。

这里小编参考了几篇文章特为大家整理下，用到的朋友多支持一下了。

进行长文章分页，编辑人员在控制分页符的时候手工插入很麻烦，所以修改了FCK的插入分页符的插入字符：
修改方法：
打开/editor/js/
找到fckeditorcode_gecko.js和fckeditorcode_ie.js
因为fck有二个js文件。fckeditorcode_gecko.js是针对非ie的。一个是针对ie的。所以我们需要更改二个js的文件。
这样方便我们以后插入分页时，就不需要那么一大串的了。
找到：
var FCKPageBreakCommand=function(){this.Name='PageBreak';};FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();var e=FCK.EditorDocument.createElement('Div')
以及其后字符，修改为你自己的分页符即可

fck分页符修改

FKC默认添加的分页符为：<div style="page-break-after: always"><span style="display: none"> </span></div>

对文章的分页,我是运用String.split("分页符")方法，将文章以分页符为分割点，返回一个String类型的数组，但是双引号不能够相互嵌套，split（）方法中的参数就没办法设置。
如何修改默认的分页符：

找到js文件：在/fckeditor/editor/js/目录下，需要修改的有两个js文件：fckeditorcode_ie.js(针对IE浏览器的配置)、fckeditorcode_gecko.js(针对非IE浏览器的配置)。
在js文件中找到如下代码,并做修改：

  var FCKPageBreakCommand=function() 
   {this.Name='PageBreak';}; 
  FCKPageBreakCommand.prototype.Execute=function() 
   {FCKUndo.SaveUndoStep(); 
  var e=FCK.EditorDocument.createElement('DIV'); //这里是创建<div>标签，此处不用修改 
  e.style.pageBreakAfter='always';       //这里是为<div>添加样式，把它删掉； 
  e.innerHTML='<span style="DISPLAY:none">&nbsp;</span>'; 
//这里是在<div>中添加的内容,修改一下; 我的是修改为e.innerHTML='[jb51page]'; 也就是仅有一个空格;

保存,重新添加文章,添加文章时看不出变化,保存看查看数据,分页符的位置变为: <div>[jb51page]</div>
为文章分页就可以用split("<div>[jb51page]</div>")方法进行拆分显示了;

以下是参考了dedecms的方法：
大家在修改的时候一定要看清原来的fckeditor分页的写法，千万不要直接覆盖，容易出问题。

dedecms的方法：

阅读剩余部分