ueditor用editor.execCommand( 'insertimage'设置宽度时width不支持百分比

关键词:ueditor用editor.execCommand( 'insertimage'设置宽度时width不支持百分比,ueditor上传的图片设置宽度100%无效,ueditor上传的图片宽度只支持Number类型

正解:

ueditor.all.js设置如下:

搜索这段代码utils.each('width,height,border,hspace,vspace',位置在 11128

function unhtmlData(imgCi) {

            utils.each('width,height,border,hspace,vspace'.split(','), function (item) {

                if (imgCi[item]) {
                   // imgCi[item] = parseInt(imgCi[item], 10) || 0;
                   //改为如下:
                    imgCi[item] = imgCi[item] || 0;
                }
            });

            utils.each('src,_src'.split(','), function (item) {

                if (imgCi[item]) {
                    imgCi[item] = utils.unhtmlForUrl(imgCi[item]);
                }
            });
            utils.each('title,alt'.split(','), function (item) {

                if (imgCi[item]) {
                    imgCi[item] = utils.unhtml(imgCi[item]);
                }
            });
        }

如注释所示:将parseInt(imgCi[item], 10)改为imgCi[item],这样就支持px,rem,%等之类的单位了。

ueditor.all.min.js设置如下:

搜索这段代码UE.commands.insertimage,当代码用webstorm格式化后,位置在3114

function c(a) {
                utils.each("width,height,border,hspace,vspace".split(","), function (b) {
                    //a[b] && (a[b] = parseInt(a[b], 10) || 0)
                    a[b] && (a[b] = a[b] || 0)
                }), utils.each("src,_src".split(","), function (b) {
                    a[b] && (a[b] = utils.unhtmlForUrl(a[b]))
                }), utils.each("title,alt".split(","), function (b) {
                    a[b] && (a[b] = utils.unhtml(a[b]))
                })
            }

如注释所示:将a[b] && (a[b] = parseInt(a[b], 10) || 0)改为a[b] && (a[b] = a[b] || 0),效果同上;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 851评论 0 1
  • HTML 注释 HTML 标签分类(按照功能): 文本的修饰,文字排版,图片,链接,表格,列表,表单,框架 ,语音...
    Ethan_Lan阅读 462评论 0 0
  • JavaScript语言精粹 前言 约定:=> 表示参考相关文章或书籍; JS是JavaScript的缩写。 本书...
    微笑的AK47阅读 589评论 0 3
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,771评论 0 7
  • 前端面试题的简单整理,都只是大概回答,具体某些问题的具体理解后续会补上。 前端页面有哪三层构成,分别是什么?作用是...
    李欢li阅读 493评论 0 2