ckeditor上传图片去掉默认的高度宽度


在使用CKEditor插件上传图片时,插件默认会给予图片宽度高度的大小,如图所示:

ckeditor上传图片去掉默认的高度宽度

而项目需求不需要默认图片的宽高大小样式,这就需要更改CKEditor插件的配置文件了。

网上找了很多解决方案都无法解决问题,唯一未测试是否可行的是加disallowedContent属性,disallowedContent属性只有在CKEditor 4.4以上的版本才有,而项目使用的是4.2版本,所以如果有使用4.4以上版本的可以尝试使用disallowedContent属性解决。

4.2版本解决方法如下:

打开目录ckeditor\plugins\image\dialogs中的image.js文件;

搜索

E.setValue(C.$.height)

对应的宽度的是

E.setValue(C.$.width)

将其值设置为null便可以了。例如E.setValue(null)。

设置成功后浏览器记得清除缓存,亲测可行。

对应的CKEditor 4.7版本的代码如下:

if ("true" == c.getCustomData("isReady"))
 { 
var d = a.getContentElement("info", "txtWidth"),
 f = a.getContentElement("info", "txtHeight"), g; 
b ? c = g = 0 : (g = c.$.width, c = c.$.height); 
d && d.setValue(g); f && f.setValue(c) 
}

对应的将setValue的值设置为Null应该就可以了。

注:CKEditor 4.7版本的修改方法未测试。有问题可留言探讨。

相关阅读 >>

怎么修改form的默认提交方式

设置div的宽度可以通过css的什么属性

h5中设置或返回音频/视频的默认播放速度的属性defaultplaybackrate

jquery怎么操作css设置高度

html如何设置高度

css如何设置div的宽度

让div宽度自适应教学

怎样让textarea文本域宽度和高度width及height自动适应

css怎么改行内元素高度

css滚动条的宽度怎么设置

更多相关阅读请进入《CKEditor》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...