热门IT资讯网

dedecms自带CKEditor编辑添加行间距按钮

发表于:2024-11-24 作者:热门IT资讯网编辑
编辑最后更新 2024年11月24日,由于dedecms将ckeditor做了集成,和一般的只针对于ckeditor对config.js修改不同,以后是我在dedecms 5.7版本上添加行间距按钮的方法:1、下载ckeditor的行距插

由于dedecms将ckeditor做了集成,和一般的只针对于ckeditor对config.js修改不同,以后是我在dedecms 5.7版本上添加行间距按钮的方法:

1、下载ckeditor的行距插件包(见附件) ;

2.解压到ckeditor/plugins目录下;

3、由于dedecms 5.7自己集成了一个dedepage插件,用来添加ckeditor自定义插件,在/include/ckeditor/plugins/dedepage文件夹下,打开plugin.js文件在最后面添加: requires : [ 'lineheight' ],添加完之后的代码如下:

// Register a plugin named "dedepage".(function(){    CKEDITOR.plugins.add( 'dedepage',    {        init : function( editor )        {            // Register the command.            editor.addCommand( 'dedepage',{                exec : function( editor )                {                    // Create the element that represents a print break.                    // alert('dedepageCmd!');                    editor.insertHtml("#p#副标题#e#");                }            });            // alert('dedepage!');            // Register the toolbar button.            editor.ui.addButton( 'MyPage',            {                label : '插入分页符',                command : 'dedepage',                icon: 'p_w_picpaths/dedepage.gif'            });            // alert(editor.name);        },        requires : [ 'fakeobjects' ],   requires : [ 'lineheight' ]    });})();


4、修改/include/ckeditor/ckeditor.inc.php文件,在$toolbar['Basic'] 的最后一行添加元素Code,修改后代码如下:

$toolbar['Basic'] = array(            array( 'Source','-','Templates'),            array( 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Print'),            array( 'Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'),            array( 'ShowBlocks'),array('Image','Flash','Addon'),array('Maximize'),'/',            array( 'Bold','Italic','Underline','Strike','-'),            array( 'NumberedList','BulletedList','-','Outdent','Indent','Blockquote'),            array( 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'),            array( 'Table','HorizontalRule','Smiley','SpecialChar'),            array( 'Link','Unlink','Anchor'),'/',            array( 'Styles','Format','Font','FontSize'),            array( 'TextColor', 'BGColor', 'MyPage','MultiPic'),    array( 'lineheight')        );


至此OK!

ps,简单的自定义行距功能

1.修改该功能的语言,在lineheight(就是行距插件的目录)/lang目录下添加相应的语言包,修改plugin.js文件115行为相应的语言。

2.更改行距的功能按钮,修改plugin.js文件139行。


附件:http://down.51cto.com/data/2367610
0