ueditor中iframe的html发生偏移,要如何防止?

新手上路,请多包涵

使用的是Ueditor官网下载包里提供的demo页面,将编辑器初始化修改如下:

UE.getEditor('myEditor', {
          toolbars: [],
          wordCount: false,
          wordCountMsg: false,
          elementPathEnabled: false,
          enableAutoSave: false,
          initialFrameWidth: 'auto',
          initialFrameHeight: 100,
          initialStyle: 'p{width:1em;margin:0 .2em;display:inline-block;float:left}'
        })

当编辑器内容输入超出高度时,内容会向上偏移,通过浏览器的控制台可以看到编辑器本身的iframe并没有发生位置变动,发生位移的是iframe下的html。
有哪位大神知道怎么防止到底部发生偏移或者怎么把偏移复位,求指导

阅读 4.4k
2 个回答
新手上路,请多包涵

图片描述

我应该是遇到了和你同样的问题,网上资料也没有查到相关问题,只查到你这一个没人回答的。。
我找到了解决方法,提供给你或者其他遇到问题的码农;
我在图片中有描述,你看是不是这样的;

so,了解到了问题所在,那么解决方法也就自然出来了:把那个div隐藏掉;
我的代码是:

#mainContainer>div#sec_menu:last-child{
    display:none;
}

因为iframe外的页面都是公用的一个,所以只用在主体页加上就可以啦;
虽然最后的解决方法好像很简单,不过我也是花了一下午才解决的。。希望对你有所帮助;

UE.getEditor('editor').iframe.contentWindow.scroll(0, 0)

即可解决。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题