账号通
    

账号  

密码  

1933

查看

2

回复
主题:科讯单页面文章内容过长编辑器分页问题 [收藏主题]  
dja168 当前离线

362

主题

5

广播

1

粉丝
添加关注
级别:三年级

用户积分:4410 分
登录次数:638 次
注册时间:2006/7/20
最后登录:2023/8/8
dja168 发表于:2012/10/18 9:21:41   | 只看该作者 查看该作者主题 楼主 

以下为我实现的步骤:

一、
首先说明下,要想把ckeditor里的分页符源码改为得简单些,是在是太难了,可能是我对js不熟悉吧,所以就自己添加插件按钮来插入分页符:

1.
ckeditorplugins目录新建文件夹nextpage,在nextpage下新建文件:plugin.js 内容如下:

(function(){


var a= {


exec:function(editor)


{


editor.insertHtml("[[page]]");


}


},


b="nextpage";


CKEDITOR.plugins.add(b,{


init:function(editor){


editor.addCommand(b,a);


editor.ui.addButton("nextpage",{


label:"nextpage",


icon: this.path + "nextpage.gif",


command:b


});


}


});

})();

还要在文件夹nextpage下,添加一个图标nextpage.gif大小差不多是16*16

2.
toolbar中加一项nextpage,并在配置中声明添加扩展插件 config.extraPlugins = ‘nextpage’;  有两种方法实现,方法一是直接在config.js中添加;方法二:在引用CKEditor的地方加配置参
,我是用方法一配置的:

CKEDITOR.editorConfig = function( config )

{


config.font_names = '
宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;雅黑/雅黑;'+ config.font_names ;


config.language = 'zh-cn';


config.skin = 'v2';


config.width = 650;


config.height = 300;


config.removePlugins = 'elementspath';


config.extraPlugins = "nextpage";//
新建插件


config.toolbar=

  


[

  


['Source','unlink','-','Save','unlink','Preview','-','Templates'],

  


['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],

  


['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

  


'/',

  


['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

  


['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],

  


['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

  


['Link','Unlink','Anchor'],

  


['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar',

  


'PageBreak','
nextpage,
//
我的按钮

  


'/',

  


['Styles','Format','Font','FontSize'],

  


['TextColor','BGColor'],

  



['Maximize','ShowBlocks','-','About','-']

  


">;

  

      

  

};

这样就在ckeditor编辑器里添加了一个nextpage按钮插件,在文章需要分页的地方按下这个按钮,就会在文章中添加一个[[page]]代码。要看到效果,需要把网站的历史浏览记录多清空,刷新几次就可以看到有一个新按钮了。

 
http://yanhew.com/cms/ kesion帮助、修改、美化教程!
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
zgphaa 当前离线

162

主题

0

广播

0

粉丝
添加关注
级别:一年级

用户积分:454 分
登录次数:57 次
注册时间:2012/8/17
最后登录:2012/11/20
zgphaa 发表于:2012/10/18 16:36:00   | 只看该作者 查看该作者主题 沙发 
科汛在线商城系统(NET)
http://www.docin.com/p-500342885.html

http://www.docin.com/p-501073962.html

http://www.docin.com/p-501073961.html

http://www.docin.com/p-501073960.html

http://www.docin.com/p-501073959.html

http://www.docin.com/p-501073958.html

http://www.docin.com/p-501073956.html

http://www.docin.com/p-501073955.html

http://www.docin.com/p-501073954.html

http://www.docin.com/p-501073953.html

http://www.docin.com/p-501073952.html
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
一万零三组 当前离线

14

主题

0

广播

1

粉丝
添加关注
级别:学前班

用户积分:16 分
登录次数:10 次
注册时间:2012/10/17
最后登录:2012/10/21
一万零三组 发表于:2012/10/18 19:12:40   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)
全国最时尚、环保、高效、安全的创新回收平台

+_+不用再去街边磨磨唧唧问商贩价格

+_+不用再三比价,哪里更合算

+_+不用再担心被坑蒙拐骗

2012都来了,还在使用原始的交易方式,还在担惊受怕吗?

支付宝担保交易双方更放心,全国上千个城市支持快递预约上门取件,足不出户更便捷,上班时间也不怕,随时有空随时邮,验机24小时确认付款更快速,谁都无法坑蒙你的钱。

已有10万用户在选择,您呢?还在奥特曼吗?



回购网国内首家手机回收在线评估服务平台,中国华南分区知名企业哦,亲,有空来看看哦

O(∩_∩)O~~

唯一官方网站:

http://www.ihuigo.com/

企业官方微博:

http://e.weibo.com/ihuigo

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.11328秒 powered by KesionCMS 9.0