admin 管理员组

文章数量: 1086019


2024年3月14日发(作者：plsql中文版)

KindEditor 4.1 上传图片宽高设置

需求：需要将图片设置为自适应，让该图片在任何尺寸的页面中都能正常显示不拉伸，

也就是平时使用的给宽度设置百分比，因此需要修改源码。

在网上看了很多文档，有人说要遍历得到的编辑器的内容，找到标签，获取该

图片的原始宽高，然后进行修改，我个人表示没有看懂，不清楚怎么实现的。还有人说要

修改中第3168行附近，在下面代码：

var html = '

中添加width="'+width+'" height="'+height+'"，我也试了一下，不可用，经过半

天时间的研究，基本上实现了图片自适应的效果，下面来分析一下kindEditor中图片部分

的源码。

图片中图片相关的源码都封装在plugins/image/中，该文件中主要包括了

上传图片的界面，和后台处理，其他不多说，说一下图片上传之后路过的代码部分

ialog({

imageUrl : img ? ('data-ke-src') : '',

imageWidth : img ? () : '',

imageHeight : img ? () : '',

imageTitle : img ? ('title') : '',

imageAlign : img ? ('align') : '',

showRemote : allowImageRemote,

showLocal : allowImageUpload,

tabIndex: img ? 0 : imageTabIndex,

clickFn : function(url, title, width, height, border, align) {

if (img) {

('src', url);

('data-ke-src', url);

('width', width);

('height', height);

('title', title);

('align', align);


本文标签： 图片 设置 需要

版权声明：本文标题：kindEditor4.1版修改上传图片宽高(图片自适应) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710369035a569917.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。