站长学院
CMS建站教程 SEO优化攻略
来源:齐鲁建站 栏目:开发教程 阅读: 日期: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图片变形的所有内容,希望可以帮到大家,欢迎找小编一起交流~