`
LiYunpeng
  • 浏览: 952429 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

UEditor图片焦点错位,火狐document.body.scrollTop不管用的问题

阅读更多
关于
document.body.scrollTop
在火狐浏览器中不管用的问题

看网上有人写通过判断document.compatMode来分别不同的模式,然后使用如下语句
document.documentElement.scrollTop或者
document.body.scrollTop
但是,我在本地的环境试了一下
发现

Chrome和Firefox都“ CSS1Compat”这种模式,但是解析的结果却不一样,所以不能通过判断document.compatMode来实现

我的做法很简单
就是
document.body.scrollTop==0?document.documentElement.scrollTop:document.body.scrollTop)

另补充一点

这个问题我是发现在使用百度的UEditor的时候,使用火狐浏览器去解析上传图片后的焦点框错位的问题,最终查到原因是因为document.body.scrollTop==0导致计算坐标出错的

所以以上问题如果同样出现在UEditor的时候,请到源码里面把
me.editor.document.body.scrollTop,用上面的方式,替换成
me.editor.document.documentElement.scrollTop
分享到:
评论

相关推荐

    ueditor.all.min.js

    ueditor.all.min.js

    本资源为ueditor富文本编辑器压缩包,里面包含ueditor.all.min.js等文件,有需要的读者可以自行下载。

    **ueditor富文本编辑器详解** ueditor是一款广泛应用于网页前端开发中的富文本编辑器,由百度公司开发,它提供了一套完整的文本编辑解决方案,使用户可以在网页上进行类似Word的文本编辑操作,同时支持图片、表格、...

    百度UEditor编辑器之配置文件ueditor.config.js说明

    UEditor 配置文件说明,上传图片集成struts2配置,详见博客: http://blog.csdn.net/omsvip/article/details/23271167

    ueditor.all.js

    修复div自动转为P标签,修复使用enter会出现<p><br/>,修复li自动套P标签,去除html源码过滤规则,修复图片太长超出屏幕等

    com.baidu.ueditor-1.1.0.jar

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点。

    ueditor-1.4.3.3-asp.zip

    《.NET Core中使用UEditor的配置与应用详解》 UEditor是一款强大的富文本编辑器,广泛应用于网页内容编辑和管理。在.NET Core框架下,我们可以利用ueditor-1.4.3.3-asp.zip这个压缩包来集成并配置UEditor,为我们的...

    ueditor百度富文本编辑器 (已编译,压缩包包含ueditor.all.js,可直接使用)

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。 ueditor百度富文本编辑器 (已编译,压缩包包含ueditor.all.js,...

    修改了之后的ueditor_1_4_3.jar,解决了在线图片显示不出来的问题

    【ueditor_1_4_3.jar:修复在线图片显示问题详解】 在Web开发中,富文本编辑器是一个常见的工具,用于提供用户友好的文本编辑体验。ueditor是一款功能强大的JavaScript富文本编辑器,它提供了丰富的编辑功能和良好...

    ueditor-1.4.3.2开发版

    ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4.3.2开发版ueditor-1.4...

    百度编辑器ueditor(UTF-8).rar

    - **图片管理**:ueditor内置图片上传功能,支持批量上传、图片裁剪、预览等操作,便于用户在编辑文章时插入图片。 - **视频插入**:可以插入网络视频或本地视频,满足多媒体内容的需求。 - **链接添加**:支持...

    ueditor-1.1.2_ueditor-1.1.2_ueditor_ueditor:jar:1.1.2_ueditor-1.

    《UEditor 1.1.2:Java版的富文本编辑器详解》 UEditor,一个广受欢迎的在线富文本编辑器,以其强大的功能和易用性在Web开发领域占据了重要地位。其Java版本——ueditor-1.1.2,为Java开发者提供了一个便捷的工具,...

    百度编辑器UEditor 1.4.3.3 完整版.zip

    百度编辑器UEditor 1.4.3.3 完整版.zip

    UEditor全部源码

    【UEditor全部源码】是基于JavaScript开发的一款强大的富文本编辑器,广泛应用于网页内容编辑、后台管理系统等场景。它的核心组件ueditor.all.js包含了所有功能模块,为开发者提供了丰富的编辑选项和高度自定义的...

    ueditor-dev-1.4.3.3.zip

    1. 轻量级:UEditor设计之初就考虑到了加载速度和资源占用,确保在不影响功能的前提下,保持较低的系统负担。 2. 可定制性强:开发者可以根据需求选择开启或关闭某些功能,如图片上传、视频插入等,甚至可以自定义...

    Ueditor上传图片+图片回显+图片在线管理配置说明

    **Ueditor 图片上传与回显配置详解** Ueditor 是一款功能强大的富文本编辑器,广泛应用于各种内容管理系统中。在使用 Ueditor 进行文本编辑时,图片上传、回显以及在线管理功能是非常关键的。本文将详细介绍如何...

    百度富文本编辑器ueditor上传图片宽高超范围问题2018.7.3补充

    在使用百度富文本编辑器ueditor时,用户可能会遇到一个常见的问题:当上传的图片尺寸超过预设限制时,图片在编辑器内显示不全,同时在网页发布后也可能导致页面布局混乱。为了解决这个问题,本文将提供一个完整的...

    真正解决百度编辑器UEditor上传图片跨域问题.docx

    UEditor允许用户在编辑器中插入图片、视频等多媒体内容,但当涉及到图片上传时,可能会遇到跨域问题。本文将详细探讨如何解决UEditor在前后端分离项目中上传图片的跨域问题。 首先,跨域是浏览器的一个安全机制,...

Global site tag (gtag.js) - Google Analytics