模态框中 ueditor 百度编辑器 工具栏浮动到顶部 解决方案

前端时间写页面使用了模态框里面引用ueditor百度编辑器，（我用的ueditor是1.4.3.2 PHP 版本 ，其他版本基本类似）

遇到了bug，当编辑器里面的内容很多的时候，工具栏浮动到模态框顶部，很尴尬！如图所示：

正常情况应该是这样

正常情况

当编辑器中内容多了以后。遇到bug，工具栏浮动到了模态框顶部

工具栏浮动到模态框顶部

两种解决方案：

方案一：

在ueditor 的配置文件ueditor.config.js里找到  autoFloatEnabled ，把autoFloatEnabled设置为false

这样修改有一个弊端，就是工具栏不会浮动，这样当你的文章比较长的时候，需要设置格式时，会需要滑动到上方去找工具栏，如图

方案二：

需要修改源码，在ueditor.all.js 搜索关键词 autoFloatEnabled，找到工具栏设置浮动的代码

1、找到 function setFloating()

修改如下：

红框内的id改为自己模态框的id名称，此处的更改至兼容主流浏览器，ie没有修改，如果需要可以自行修改，改if语句内的代码

2、找到 me.addListener('destroy',function(){}

修改如下：

将id改为自己模态框定义的id

3、找到 me.addListener('ready', function(){}

修改如下：

修改id

ok，现在就已经实现了，模态框里下拉，ueditor百度编辑器跟着页面浮动的功能了！