查看: 35|回覆: 0

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

[複製鏈接]

6

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-4-25
發表於 2023-7-30 00:00:00 | 顯示全部樓層 |閲讀模式

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。 

回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部