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

饭饱饱 發表於 2023-7-30 00:00:00

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

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

复制代码

代码如下:
</div>

 
$.execCommand('unlink',false,null); 

 修改为： 
<div>

复制代码

代码如下:
</div>

 
$.execCommand('unlink',false,true); 

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

复制代码

代码如下:
</div>

 
statics/js/ckeditor/plugins/image/dialogs/image.js 

 找到： 
<div>

复制代码

代码如下:
</div>

 
accessKey:'T','default':'' 

 替换成： 
<div>

复制代码

代码如下:
</div>

 
accessKey:'T','default':$('#title').val() 

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

复制代码

代码如下:
</div>

 
config.enterMode = CKEDITOR.ENTER_BR; 
config.shiftEnterMode = CKEDITOR.ENTER_P; 

 修改为： 
<div>

复制代码

代码如下:
</div>

 
config.enterMode = CKEDITOR.ENTER_P; 
config.shiftEnterMode = CKEDITOR.ENTER_BR; 

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

复制代码

代码如下:
</div>

 
config.extraPlugins = 'capture'; 

 修改为： 
<div>

复制代码

代码如下:
</div>

 
config.extraPlugins = 'capture,autoformat'; 

 保存即可，修改后记得更新缓存，清除cookies。

頁: [1]

琼殿技术论坛's Archiver

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