首页 网络技术
  1. 正文

CKEditor 删除上传图片后的宽度高度样式

在升级到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 删除上传图片后的宽度高度样式
本文链接:https://www.qqooo.cn/post/2167.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 feelym@88.com 处理,谢谢!