dedecms自带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行。
转载于:https://blog.51cto.com/11105217/1765003
dedecms自带CKEditor编辑添加行间距按钮相关推荐
- dedecms如何为CKEditor编辑添加行间距按钮
最近在学习dedecms,发现发布文章的时候没有行距的设置,所以上网查了下如何添加行距按钮,以下是查到的方法,希望可以帮助到你们. ---------------------------------- ...
- 织梦html编辑器,织梦dedecms自带文本编辑器ckeditor更换为kindeditor编辑器带代
织梦dedecms自带文本编辑器ckeditor更换为kindeditor编辑器带代 日期:2018-12-05 08:31 您的打赏帮助我们变得更好,谢谢支持! 在kindeditor基础上添加了如 ...
- 编写Java程序,在屏幕上显示带标题的窗口,并添加一个按钮。当用户单击按钮时,结束程序。
编写Java程序,在屏幕上显示带标题的窗口,并添加一个按钮.当用户单击按钮时,结束程序. package p3;import java.awt.event.ActionEvent; import ja ...
- ckeditor编辑的使用方法
一.下载安装Ckeditor,并将其整合到项目中 1.什么是CKeditor?为什么要使用它? 我们在做门户网站或者公文系统时,客户经常要求在录入时能够更改字体样式.大小.颜色并具备插入图片的功能.而 ...
- word自带公式编辑_怎样在word2013中快速插入数学公式
一切问题应该都是有效率的,只是我们没发现.比如word2013,一般都是常规插入,这样效率很低,每次都要去点击一下公式编辑器或者是去点击插入,太浪费时间,下面带来终极解决办法,达到点击即可编辑的效果. ...
- Bootstrap4+MySQL前后端综合实训-Day06-PM【MD5加码-生成32位md5码、ResultData.java、分页查询用户数据、添加用户按钮的实现】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程 博客汇总表 详细笔记][附:实训所有代码] 目录 MD5加码 生成32位md5码 ResultData.java 分页查询 ...
- 如何将idea自带的maven添加到环境变量
如何将idea自带的maven添加到环境变量 标签: maven idea 2018-07-10 阅读(3081) 想要通过命令形式在cmd操作IntelliJ IDEA自带的maven,那么就必须 ...
- 《树莓派实战秘籍》——1.17 技巧17添加重启按钮
本节书摘来异步社区<树莓派实战秘籍>一书中的第1章,第1.17节,作者:[美]Ruth Suehle ,Tom Callaway,更多章节内容可以访问云栖社区"异步社区" ...
- windows便签快捷键_如何将Win7自带便签添加到桌面快捷方式?
在如今快节奏的工作生活里,人们的很多事情光靠脑袋记事是远远不够的.为了方便记录事情,不管是纸质便签还是电子便签都在生活里扮演着重要的角色.那我们Win7系统的便签在哪里呢?今天小编来教大家如何将Win ...
最新文章
- 【数据库】 兴唐第二十七节课只sql注入
- 特征工程在实际业务中的应用!
- UITableViewCell中设置动态大小的圆形imageview
- intellij 快捷键
- MYSQL分页limit速度太慢优化方法
- Spring MVC 中 HandlerInterceptorAdapter的使用(拦截器)
- 记录一次nginx配置vhost的小bug
- UNIX(进程间通信):02---父子进程之间的数据共享分析
- javascript 函数整理
- JS保证输入框里面的数值是数字
- 详细分析Apple macOS 6LowPAN 漏洞(CVE-2020-9967)
- Spring boot 搭建
- shell 字符串中是否包含任一字符串
- 04.SQLServer性能优化之---读写分离数据同步
- hplus--H+ V2.3 (中文版)
- 海思Hi3798硬件设计,Hi3798 datasheet(2)参考资料
- 模糊集合及运算1.4
- a modern epidemic
- selenium登录163邮箱,得到cookie,requests后续请求
- 安装gi的时候回退root.sh的执行