phpcms v9是一款应用很广泛的中文CMS系统，国内有相当多的网站在这套系统的基础上开发。但phpcms v9并不支持响应式网站设计，要想建设响应式网站不单要做好前台模版，还有许多细节需要修改。

今天我们要改的是给后台编辑器上传的图片自动添加默认样式、去掉图片宽度和高度，顺便再给上传的图片自动添加“alt”属性，将换行回车的默认输入由“<br>”改为“<p>”.

上传图片自动添加“alt”属性

1. 打开 statics/js/ckeditor/plugins/image/dialogs/image.js
2. 找到 accessKey:'T','default':'' ，在第9行
3. 替换成 accessKey:'T','default':$('#title').val()

去掉上传图片的宽度和高度行内样式

phpcms v9后台编辑器上传图片后会自动添加宽度和高度行内样式，这使得图片难以对设备的变化作出响应。因此需要去掉这些行内样式。

1. 打开 statics/js/ckeditor/plugins/image/dialogs/image.js
2. 找到 C.setStyle('width',CKEDITOR.tools.cssLength(E)) ，在第9行
3. 替换成 C.setStyle('width','')
4. 找到 C.setStyle('height',CKEDITOR.tools.cssLength(E)) ，在第9行
5. 替换成 C.setStyle('height','')

给上传的图片自动添加默认样式

以默认样式类名称为“classname”为例

1. 打开 statics/js/ckeditor/plugins/image/dialogs/image.js
2. 找到 label:b.lang.common.cssClass,'default':'' ，在第12行
3. 替换成 label:b.lang.common.cssClass,'default':'classname'

*将换行回车键的默认输入由 <br> 改为 <p> *

1. 打开 statics/js/ckeditor/config.js
2. 找到 config.enterMode
3. 将值设为 CKEDITOR.ENTER_P
4. 找到 config.shiftEnterMode
5. 将值设为 CKEDITOR.ENTER_BR