dedecms如何为CKEditor编辑添加行间距按钮

最近在学习dedecms，发现发布文章的时候没有行距的设置，所以上网查了下如何添加行距按钮，以下是查到的方法，希望可以帮助到你们。

--------------------------------------------------------------------------------------------------------------------

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: 'images/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'));

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

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

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

dedecms如何为CKEditor编辑添加行间距按钮相关推荐

dedecms自带CKEditor编辑添加行间距按钮
由于dedecms将ckeditor做了集成,和一般的只针对于ckeditor对config.js修改不同,以后是我在dedecms 5.7版本上添加行间距按钮的方法: 1.下载ckeditor的行距 ...
java添加按钮点击事件_如何为odoo 10中的按钮点击事件添加一个java脚本处理程序？...
我想使用java脚本为header中的按钮创建一个处理程序.下面我视图模型给出:如何为odoo 10中的按钮点击事件添加一个java脚本处理程序? inherit_id="web.asset ...
ckeditor编辑的使用方法
一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而 ...
Bootstrap4+MySQL前后端综合实训-Day06-PM【MD5加码-生成32位md5码、ResultData.java、分页查询用户数据、添加用户按钮的实现】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录 MD5加码生成32位md5码 ResultData.java 分页查询 ...
如何为curl命令添加数据？
本文翻译自:How to urlencode data for curl command? I am trying to write a bash script for testing that ta ...
php自动排版的快捷键,PHPCMS V9教程：ckeditor编辑器添加一键排版功能
v9使用的Ckeditor编辑器,在使用过程中有些不尽人意的地方,下面我来修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 此次修改的内容有批量去除超链接.上传图片自动添加ALT参数 ...
名编辑电子杂志大师教程 | 添加功能按钮
什么是功能按钮? 功能按钮是指具有动作指向的按钮,点击该按钮就可以在翻页电子杂志中激活指定动作,例如跳转至指定页面.打开链接.调用java脚本.打开flash播放器. 弹出图片幻灯片等等.功能性按钮可 ...
【电子画册免费制作】云展网教程 | 添加注释按钮
云展网的杂志在阅读过程中可以选择"添加注释按钮"可以在页面添加文字注释或涂鸦.详情请看下面教程: 1.在编辑杂志的设计栏目下找到工具栏按钮,选择启用注释. 2.我们可以在页面的任意 ...
AutoCAD二次开发三种添加插件按钮的方法
在上一篇关于AutoCAD的文章中,我将很多关于CAD的博客相关资源进行了说明,这一篇文章我将介绍如何在AutoCAD中的ribbon中添加相应的按钮.就是下面这种按钮: PS:在开发中我们最好使用中 ...

dedecms如何为CKEditor编辑添加行间距按钮

dedecms如何为CKEditor编辑添加行间距按钮相关推荐

最新文章

热门文章