西安网站建设
在线咨询

扫描二维码分享到微信

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

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

CKEDITOR.editorConfig = function( config ) {

…….code….

}; 

下面添加:


CKEDITOR.on('dialogDefinition', function(ev) {
        // Take the dialog name and its definition from the event data
        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 imageAlt = e.sender.originalElement.$.alt;
              var imageAlt = $('#title').val();
              var imgHtml = CKEDITOR.dom.element.createFromHtml("<img src='" + imageSrcUrl + "' alt='" + imageAlt + "'/>");
              editor.insertElement(imgHtml);
           };
        }
});


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


下一篇:织梦cms(dedecms)上传图片后高度undefined的解决办法

网站栏目

建站知识 前端设计 酷站欣赏 SEO优化 网络营销 服务器安全 行业新闻 公司新闻 建站工具


最新文章

小程序可以通过开放平台注册小程序:免认证费 免费认证

小程序可以通过开放平台注册小

https: open weixin qq com 有这个的账号,给客户开通微信小程序不需要认证费直...

小程序可以通过开放平台注册小

https: open weixin qq com 有这个的账号,给客户开通微信小程序不需要认证费直...


相关内容

CKEditor4.x 去除上传图片后的

在升级到CKEditor4 x版本后,CKEditor4 x如何去除上传图片后的宽度高度样式-修复alt...

CKEditor4.x(4.8-4.14)删除上传

在升级到CKEditor4 x版本后,很多人反映原本使用编辑器上传图片按钮上传的图片,又带...

CKEditor跨站脚本漏洞(CKEdito

CNVD-IDCNVD-2020-16705公开日期2020-03-11危害级别中影响产品CKEditor CKEditor 4 ...

CKEditor4.11.4-ck编辑器4.11如

CKEditor4 11 4-ck编辑器4 11如何去除上传的图片宽和高-删除ck编辑器里图片宽和高直...

CKEditor 4.x--CKEditor4.11编

CKEditor 原名 FCKEditor 。是目前最优秀的可见即可得网页编辑器之一,它采用JavaSc...

CKEditor编辑器 4.11.1 配置

** * CKEditor配置文件 * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben All rights reserved * Fo

ckeditor编辑器 不过滤html c

<blockquote><p>ckeditor编辑器 不过滤html css Javascript Style< p><p>修改cked...

CKEditor4.x 去除上传图片后的宽度高度样式-修复alt属性bug


随机推荐

PHPCMS V9 GET方式调用广告

PHPCMS V9 GET方式调用广告不知道大家发现没有,官方给出来的默认调用方法,只能调用...

PHPCMS V9网站导航调取子栏目

phpcms中想调取特定栏目的子栏目时,只需加if判断即可,如果有子栏目就循环调出,看代...

SEO关键词挖掘工具收藏

5118营销大数据 :5118 com燃灯SEO 挖掘机:关键词挖掘机V6 0关键词组合生成:关键...

seajs模块化与加载方式-SeaJS模

seajs的模块化与加载方式-SeaJS模块化加载框架使用由于一直在使用,所以了解了下seajs...

phpcms v9 Tag伪静态 url静

PhpCms v9 Tag伪静态 url静态化,网站建设测试可用  首先确认我们的需求:http: ...

PHPCMS V9相关文章无法排序解

PHPCMS V9相关文章无法排序解决办法(增加order排序)修改方法:打开根目录下的phpcms...


  微信小程序开发   西安网站优化   西安建站公司   西安SEO   西安网站SEO优化   西安SEO优化   西安小程序开发

Copyright ©2018-2021 黑米网络 | 网站建设 | XML地图 | 文章 | 地图 | 标签 | www.xaheimi.com | 最新更新: 2021-02-25 05:47:35