由于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行。

转载于:https://blog.51cto.com/11105217/1765003

dedecms自带CKEditor编辑添加行间距按钮相关推荐

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

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

  2. 织梦html编辑器,织梦dedecms自带文本编辑器ckeditor更换为kindeditor编辑器带代

    织梦dedecms自带文本编辑器ckeditor更换为kindeditor编辑器带代 日期:2018-12-05 08:31 您的打赏帮助我们变得更好,谢谢支持! 在kindeditor基础上添加了如 ...

  3. 编写Java程序,在屏幕上显示带标题的窗口,并添加一个按钮。当用户单击按钮时,结束程序。

    编写Java程序,在屏幕上显示带标题的窗口,并添加一个按钮.当用户单击按钮时,结束程序. package p3;import java.awt.event.ActionEvent; import ja ...

  4. ckeditor编辑的使用方法

    一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而 ...

  5. word自带公式编辑_怎样在word2013中快速插入数学公式

    一切问题应该都是有效率的,只是我们没发现.比如word2013,一般都是常规插入,这样效率很低,每次都要去点击一下公式编辑器或者是去点击插入,太浪费时间,下面带来终极解决办法,达到点击即可编辑的效果. ...

  6. Bootstrap4+MySQL前后端综合实训-Day06-PM【MD5加码-生成32位md5码、ResultData.java、分页查询用户数据、添加用户按钮的实现】

    [Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程 博客汇总表 详细笔记][附:实训所有代码] 目录 MD5加码 生成32位md5码 ResultData.java 分页查询 ...

  7. 如何将idea自带的maven添加到环境变量

    如何将idea自带的maven添加到环境变量 标签: maven idea 2018-07-10  阅读(3081) 想要通过命令形式在cmd操作IntelliJ IDEA自带的maven,那么就必须 ...

  8. 《树莓派实战秘籍》——1.17 技巧17添加重启按钮

    本节书摘来异步社区<树莓派实战秘籍>一书中的第1章,第1.17节,作者:[美]Ruth Suehle ,Tom Callaway,更多章节内容可以访问云栖社区"异步社区" ...

  9. windows便签快捷键_如何将Win7自带便签添加到桌面快捷方式?

    在如今快节奏的工作生活里,人们的很多事情光靠脑袋记事是远远不够的.为了方便记录事情,不管是纸质便签还是电子便签都在生活里扮演着重要的角色.那我们Win7系统的便签在哪里呢?今天小编来教大家如何将Win ...

最新文章

  1. 【数据库】 兴唐第二十七节课只sql注入
  2. 特征工程在实际业务中的应用!
  3. UITableViewCell中设置动态大小的圆形imageview
  4. intellij 快捷键
  5. MYSQL分页limit速度太慢优化方法
  6. Spring MVC 中 HandlerInterceptorAdapter的使用(拦截器)
  7. 记录一次nginx配置vhost的小bug
  8. UNIX(进程间通信):02---父子进程之间的数据共享分析
  9. javascript 函数整理
  10. JS保证输入框里面的数值是数字
  11. 详细分析Apple macOS 6LowPAN 漏洞(CVE-2020-9967)
  12. Spring boot 搭建
  13. shell 字符串中是否包含任一字符串
  14. 04.SQLServer性能优化之---读写分离数据同步
  15. hplus--H+ V2.3 (中文版)
  16. 海思Hi3798硬件设计,Hi3798 datasheet(2)参考资料
  17. 模糊集合及运算1.4
  18. a modern epidemic
  19. selenium登录163邮箱,得到cookie,requests后续请求
  20. 安装gi的时候回退root.sh的执行

热门文章

  1. div 设置a4大小_我需要用HTML创建一个A4大小的报告,我该怎么做?
  2. iphone手写签名设置_如何更改“从我的iPhone发送”签名和其他邮件设置
  3. 1.4 聪明的投资者:一个世纪的股市历史
  4. 二维数组(java)
  5. initializationError 单元测试错误
  6. 【VS运行闪退的解决方法】
  7. 电话号归属地查询(携号转网除外)
  8. Photoshop2023常用快捷键和使用技巧(作为备忘)
  9. 值得学习的品牌突围策略
  10. 深度学习中的top1和top5的正确率的区别