您现在的位置是:网站首页> 编程资料编程资料
fckeditor编辑器下的自定义分页符实现方法_网页编辑器_
2023-05-25
248人已围观
简介 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默认添加的分页符为:
对文章的分页,我是运用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'); //这里是创建标签,此处不用修改 e.style.pageBreakAfter='always'; //这里是为添加样式,把它删掉; e.innerHTML=' '; //这里是在中添加的内容,修改一下; 我的是修改为e.innerHTML='[jb51page]'; 也就是仅有一个空格; 保存,重新添加文章,添加文章时看不出变化,保存看查看数据,分页符的位置变为:
[jb51page]
为文章分页就可以用split("[jb51page]")方法进行拆分显示了;以下是参考了dedecms的方法:
大家在修改的时候一定要看清原来的fckeditor分页的写法,千万不要直接覆盖,容易出问题。
dedecms的方法:
复制代码 代码如下:
var FCKPageBreakCommand=function(){this.Name='PageBreak';};
FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();
var e=FCK.EditorDocument.createElement('P');e.innerHTML='[jb51page]';
用的方法:
复制代码 代码如下:
var FCKPageBreakCommand=function(){this.Name='PageBreak';};
FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();
FCK.EditorDocument.selection.createRange().text='[jb51page]';
注意:由于我们使用的版本,有FCKUndo.SaveUndoStep();如果不带出现了编辑器无法显示的情况。大家根据需要修改。
后面发现了dedecms增加的小功能,里面的函数不错可以参考下
var FCKLineBrCommand=function(){this.Name='LineBr';}; FCKLineBrCommand.prototype.Execute=function(){FCK.EditorDocument.selection.createRange().pasteHTML("
");}; FCKLineBrCommand.prototype.GetState=function(){return 0;} var FCKQuoteCommand=function(){this.Name='Quote';}; FCKQuoteCommand.prototype.Execute=function(){ var quoteString = "\r\n"; quoteString += "\r\n以下为引用的内容:
\r\n"; quoteString += "
\r\n"; FCK.EditorDocument.selection.createRange().pasteHTML(quoteString); }; FCKQuoteCommand.prototype.GetState=function(){return 0;}您可能感兴趣的文章:
相关内容
- 让IE8和IE9支持eWebEditor在线编辑器的方法_网页编辑器_
- FCKeditor + SyntaxHighlighter 让代码高亮着色插件_网页编辑器_
- 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题_网页编辑器_
- 免费开源百度编辑器(UEditor)使用方法_网页编辑器_
- UEditor编辑器自定义上传图片或文件路径的修改方法_网页编辑器_
- XMLDOM对象方法:对象属性_XML基础_
- XML指南——XML编码_XML基础_
- Asp+Rss阅读器制作第1/2页_XML/RSS_
- XML与ASP简单结合实现HTML模板功能_XML/RSS_
- 不错的rss看样要学习了_XML/RSS_
点击排行
本栏推荐
