15621857753

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

来源:齐鲁建站 栏目:建站教程 阅读: 日期:2021-02-15

本文介绍了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图片变形的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

公众号二维码

展开