二开教程 Development

提供PHPCMS常用模块的二次开发,改造,升级都修改过程代码

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

 admin  2023-06-20 23:06:18
v9使用的Ckeditor编辑器,在使用过程中有些不尽人意的地方,接下来为大家介绍下我,改动几个地方,让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编辑器添加排版功能实现介绍》发布于PHPCMS管理系统文章,作者:admin,如若转载,请注明出处:https://www.phpcms.vip/help/doc/346.html,否则禁止转载,谢谢配合!