账号通
    

账号  

密码  

1666

查看

2

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

362

主题

5

广播

1

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

用户积分:4410 分
登录次数:638 次
注册时间:2006/7/20
最后登录:2023/8/8
dja168 发表于:2012/10/18 9:21:41   | 显示全部帖子 查看该作者主题 楼主 
科汛在线商城系统(NET)

以下为我实现的步骤:

一、
首先说明下,要想把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) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.07813秒 powered by KesionCMS 9.0