CKEditor4.x修改升级后宽度和高度的变形问题

本文介绍了CKEditor4.x修改升级后宽度和高度的变形问题，打开这个JS文件config.js，在里面添加教程提供的代码，强制刷新后就可以实现自动删除变形这个功能。

在升级到CKEditor4.x版本后，很多人反映原本使用编辑器上传图片按钮上传的图片，又带上了宽度和高度的样式，这样在自适应前端里非常的尴尬，只能每次手工删除宽高的样式，很麻烦，为此研究了一番，代码如下：

打开 /statics/js/ckeditor/config.js里的

CKEDITOR.editorConfig = function( config ) {

…….code….

}; 下面添加：

CKEDITOR.on('dialogDefinition', function(ev) {
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        var editor = ev.editor;
        if (dialogName == 'image') {
           dialogDefinition.onOk = function(e) {
              var imageSrcUrl = e.sender.originalElement.$.src;
              var imgHtml = CKEDITOR.dom.element.createFromHtml("<img src='" + imageSrcUrl + "' alt=''/>");
              editor.insertElement(imgHtml);
           };
        }
});

然后强制刷新网页或者清理浏览器缓存好让JS生效，上传图片后，反馈界面的宽和高依旧会有图片对应的宽高，但插入到编辑器内就会自动剔除掉！

以上就是关于CKEditor图片变形的所有内容，希望可以帮到大家，欢迎找小编一起交流~