可按Ctrl+D收藏 蚂蚁资源网

蚂蚁资源网

PHPCMS V9 Ckeditor编辑器添加排版功能实现介绍

  • 时间:2020-11-28 18:30 编辑:松坂桃李 来源:蚂蚁资源网 阅读:245
  • 扫一扫,手机访问
摘要:本文围绕编辑器   排版  讲述关于PHPCMS V9 Ckeditor编辑器添加排版功能实现介绍的相关知识,精彩详情内容请仔细阅读以下内容。感谢支持!
大家好,今小编要介绍的是关于PHPCMS V9 Ckeditor编辑器添加排版功能实现介绍的相关内容,多方面分析说明,感兴趣朋友的可以参考学习。

关键词:编辑器   排版  

v9使用的Ckeditor编辑器,在使用过程中有些不尽人意的地方,下面我来修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些。
此次修改的内容有批量去除超链接、上传图片自动添加ALT参数、修改编辑器回车换行<p>or <br />、给编辑器添加一键排版功能。

1、批量去除超链接:
打开 statics/js/ckeditor/ckeditor.js
找到:

复制代码代码如下:
$.execCommand('unlink',false,null);

修改为:

复制代码代码如下:
$.execCommand('unlink',false,true);

2、上传图片自动添加ALT参数
修改

复制代码代码如下:
statics/js/ckeditor/plugins/image/dialogs/image.js

找到:

复制代码代码如下:
accessKey:'T','default':''

替换成:

复制代码代码如下:
accessKey:'T','default':$('#title').val()

3、修改编辑器回车换行<p>or <br />
打开文件 staticsjsckeditorconfig.js 把里面的:

复制代码代码如下:
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_P;

修改为:

复制代码代码如下:
config.enterMode = CKEDITOR.ENTER_P;
config.shiftEnterMode = CKEDITOR.ENTER_BR;

4、给编辑器添加一键排版功能
修改phpcmslibsclasses栏目下的 form.class.php 找到['Maximize'],在它下面添加['autoformat'],保存即可。
找到staticsjsckeditor文件夹下的 config.js 文件,找到:

复制代码代码如下:
config.extraPlugins = 'capture';

修改为:

复制代码代码如下:
config.extraPlugins = 'capture,autoformat';

保存即可,修改后记得更新缓存,清除cookies
一键排版插件下载
以上就是PHPCMS V9 Ckeditor编辑器添加排版功能实现介绍的全部内容,希望可以帮助到您。感谢对蚂蚁资源网的支持。
(责任编辑:松坂桃李

版权声明:文章内容是蚂蚁资源网小编精心整合原创的,素材来源于互联网,如无意侵犯到您的权益,请联系网站客服核实版权信息,以便及时删除。
  • 全部评论(0)
最新发布的资讯信息
【简历/资料|内地女明星】 殷茹基本资料( YR个人简历介绍)(2020-12-06 15:19)
【简历/资料|内地女明星】 曹菁基本资料( CJ个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 王安妮基本资料( WAN个人简历介绍)(2020-12-06 15:18)
【简历/资料|内地女明星】 白琼基本资料( BQ个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 王世霞基本资料( WSX个人简历介绍)(2020-12-06 15:17)
【简历/资料|内地女明星】 宋煜基本资料( SY个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 钱增基本资料( QZ个人简历介绍)(2020-12-06 15:16)
【简历/资料|内地女明星】 胡晓黎基本资料( HXL个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 李佳慧基本资料( LJH个人简历介绍)(2020-12-06 15:15)
【简历/资料|内地女明星】 张洛嘉基本资料( ZLJ个人简历介绍)(2020-12-06 15:14)
联系客服
网站客服 联系客服
手机版

扫一扫进手机版
返回顶部