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

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

document.body.scrollTopueditorfirefox火狐chrome 
阅读更多
关于
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
分享到：
| IOS缓动动画Easing算法使用分析
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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源码过滤规则，修复图片太长超出屏幕等

    ueditor-1.4.3.3-asp.zip

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

    com.baidu.ueditor-1.1.0.jar

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

    修改了之后的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 1.4.3.3 完整版.zip

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

    百度编辑器ueditor（UTF-8）.rar

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

    ueditor-dev-1.4.3.3.zip

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

    ueditor-dev-1.5.0 4.zip

    2. **兼容性**：它兼容各种主流浏览器，如Chrome、Firefox、Safari、IE等，确保在不同环境下都能稳定运行。 3. **插件扩展**：提供丰富的插件接口，允许开发者根据需求添加自定义功能，比如地图插入、公式编辑等。 4...

    百度UEditor完整源码 v1.4.3.2.zip

    百度UEditor完整源码来自开源编辑器百度UE官方网站，UEditor是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变，主文件的代码量为139k，而且...

    baidu_ueditor

    在WordPress中，UEditor插件提供了多种富文本编辑选项，如字体样式调整、段落格式化、插入图片、视频和超链接等。这使得内容创作者能够轻松地创建和编辑具有多媒体元素的文章，而无需掌握复杂的HTML或CSS代码。对于...

    百度UEditor自定义上传图片存储路径为本地路径

    在使用百度UEditor这款强大的富文本编辑器时，有时我们需要将用户上传的图片保存到本地服务器，而不是默认的远程服务器。这个过程涉及到自定义图片上传的存储路径，以适应我们自己的项目需求。以下是对这个主题的...

    ueditor-1.4.3.3(utf-8 jsp)2.zip

    ueditor-1.4.3.3 jsp版本源码（UTF-8），关于springmvc集成ueditor，可以参考我的文章：https://blog.csdn.net/qq_34688048/article/details/94735176

    ueditor.all.js 已取消所有的标签自动转移、替换

    UEditor 已取消所有的标签自动转移、替换的ueditor.all.js 无需下载请到这http://blog.csdn.net/qq285679784/article/details/77077580

    ueditor百度富文本编辑器 （已编译，压缩包包含ueditor.all.js，可直接使用）

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

    ecshop-ueditor1.3.6-UTF-8.rar

    标题“ecshop-ueditor1.3.6-UTF-8.rar”暗示了这是一个与ECSHOP电子商务系统相关的更新或插件，其中包含了将原生编辑器替换为UEditor的资源。ECSHOP是一款基于PHP的开源网上商城系统，而UEditor则是一个流行的富文本...

Magicbox
Global site tag (gtag.js) - Google Analytics