解决PHPEMS中CKeditor上传图片自适应问题

解决PHPEMS中CKeditor上传图片自适应问题

在使用PHPEMS后台内容管理时，需要添加内容文章的图片，发现图片上传后在手机模式下图象不能自适应分辨率，影响用户的体验。

分析CKeditor富文本编辑器的源码后发现：会自动在图片标签上加上内联样式，如图：

因为不需要这部分冗余的代码，所以必须让插件不再自动添加宽高属性。

幸好，CKeditor插件本身有提供内容过滤功能，通过设置disallowedContent属性的相应规则，可以在CKEditor中强制禁用相应的HTML内容，包括元素以及其属性、类(class)、内联样式(style)等等。

具体操作：

打开PHPEMS安装路径下CKEditor配置文件：

files\public\js\ckeditor\config.js

在配置文件中加入代码，即可过滤多余的冗余代码。

CKEDITOR.editorConfig = function( config ) {
    config.disallowedContent = 'img{width,height};img[width,height]';
}

最后记得要清空浏览器缓存，重新添加图片。

注意：需要在CKeditor版本4.4以上。

附：如何修改ckeditor 修改默认高度？

打开ckeditor.js 搜索 bodyClass:"",fullPage:!1,height:
将height后面的高度修改为自己定义的高度即可