收藏
回答

微信公众号后台图文编辑页面 setContent时出现autoHeight异常

通过以下方式插入内容时,编辑器无法正确判断内容高度

点击文章内容后仍旧不会重设正文高度然后展开,且由于autoHeight的缘故固定了正文内容高度为400px

经过调试后发现由于插入HTML中的视频代码导致了这一现象

经过精简代码后得到一段可以复现问题的代码

UE.instants.ueditorInstant0.setContent(`<section><br></section><section><br></section><section><br></section><section><br></section><section><br></section><section><br></section><section><br></section><section>这也难怪,<strong>数学思维抽象性太强,</strong>孩子刚开始接触数学,根本不理解数字、加减之类的概念。</section><section><br></section><section>教孩子加减法需要将学习和生活相结合,把<strong>抽象的数学具体化</strong>,而我最近在刷抖音的时候,刚好看见有妈妈们是这样教孩子加减法的<br></section><section><br></section><section><iframe class="video_iframe rich_pages" data-vidtype="2" data-mpvid="wxv_1388960255429918723" data-cover="http%3A%2F%2Fmmbiz.qpic.cn%2Fmmbiz_jpg%2Fn1pA7BNcKWpbD6pQGfblfy5JvIyuMMkwbO47IwGGSHW2jlGPibwyMZ1HRBAzLa5WPWYP3bqMxpmeZ0HHrZ7nr5A%2F0%3Fwx_fmt%3Djpeg" allowfullscreen="" frameborder="0" data-ratio="1.7391304347826086" data-w="640" src="https://mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&amp;action=mpvideo&amp;auto=0&amp;vid=wxv_1388960255429918723"></iframe></section>`);


进一步发现如下所示的情况

微信编辑器在该iframe存在的时候插入这个display为none的div,删除该div后点击编辑区域即可恢复正常

通过再进一步跟踪setContent到setHeight发现可能与该div有关的计算导致了这个问题

希望能够得到解决,以上

回答关注问题邀请回答
收藏
登录 后发表内容
问题标签