fixedbug: ueditor1.4.3 百度富文本编辑器源码错误,图片调节框超出范围,和设置字体弹出Popup时选中状态不展现

百度富文本编辑器图片调节框超出编辑器内容区展示,在ueditor.all.js的7946行加入下面个方法:

getScrollTop: function () {
    return Math.max(this.document.documentElement.scrollTop, this.document.body.scrollTop);
},
getScrollLeft: function () {
    return Math.max(this.document.documentElement.scrollLeft, this.document.body.scrollLeft);
},

然后在17108行设置样式处调整left和top值:

domUtils.setStyles(resizer, {
                    'width': target.width + 'px',
                    'height': target.height + 'px',
                    'left': iframePos.x + imgPos.x - me.editor.getScrollLeft() - editorPos.x - parseInt(resizer.style.borderLeftWidth) + 'px',
                    'top': iframePos.y + imgPos.y - me.editor.getScrollTop() - editorPos.y - parseInt(resizer.style.borderTopWidth) + 'px'
                });

还有一个问题就是在编辑器框内文字选中状态,然后点击字体大小设置(也就是弹出Popup)时,高亮选区丢失了。在26589行加入this.editor.selection.getRange().select()这一行代码。

showPopup: function (){
            this.editor.selection.getRange().select() // 高亮选区
            var rect = uiUtils.getClientRect(this.getDom());
            rect.top += 1;
            rect.bottom -= 1;
            rect.height -= 2;
            this.popup.showAnchorRect(rect);
        },

最后使用uglify@2.6.2重新编译editor.all.js

# 编译输出压缩混淆
uglifyjs editor.all.js -o editor.all.min.js -c -m

参考

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制。 Ueditor编辑器划分为了三层架构。其中,核心层为开发者提供了诸如range、selection、domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则可以提供自由定制的用户交互界面。Ueditor编辑器这种拥有可配性的模式,令开发者能够根据自身需要接入任何一层进行开发。 百度编辑器 v1.4.3 更新日志: 修复hasContents接口在非ie下只有空格判断还为真的问题 修复在粘贴word内容,会误命中cm,pt这样的文本内容变成px的问题 优化删除编辑器再创建编辑器编辑器的容器id发生变化的问题 修复提交jsonp请求,callback参数的xss漏洞 新增jsp后台多种服务器配置下的路径定位 修复ZeroClipboard的flash地址参数名称错误 修复getActionUrl的bug 整理配置参数,把遗漏在代码中的配置项整理到ueditor.config.js里 修复图片拉伸工具和编辑拉伸长高器的样式冲突 修复文字的unicode编码会被错误再次解析问题 添加消息提示功能,冒泡提示信息 优化上传功能提示,当后端配置项没正常加载,禁用上传功能 修复单图上传按钮和jqueryValidate不兼容的问题 简化了与jqueryValidate的结合操作,具体看_examples/jqueryValidateDemo.html 修复在删除编辑器后,再次创建丢失原有id的问题 修复查找替换在一些块节点中会导致替换错误
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值