小程序富文本editor自动顶起页面解决办法

最新推荐文章于 2024-09-12 08:41:55 发布

Your_Smile_

最新推荐文章于 2024-09-12 08:41:55 发布

阅读量730

点赞数

分类专栏： js 小程序文章标签：小程序前端微信小程序

本文链接：https://blog.csdn.net/Your_Smile_/article/details/121970670

版权

在微信小程序中，使用富文本editor时遇到页面因html参数赋值而自动滚动到editor顶部的问题，可以通过添加判断逻辑来避免这一现象。

摘要由CSDN通过智能技术生成

this.editorCtx.setContents({
   
html: '',
	success(res) {
   
		console.log(res);
		that.editorCtx.blur

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Your_Smile_

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

解决微信小程序长页面滚动到底部点击底部的输入框后输入框漂浮且页面滚动到顶部

仰望星空的代码

07-03

2721

一、问题描述项目中有一个长页面上部展示部分信息下部为信息录入，页面长度为三屏幕（不同手机屏幕大小略有差异），当滚动到第二屏或者第三屏去填写信息时点击输入框后输入框漂浮起来了并且页面向上滚动了一段距离，回到了第一屏中展示的内容。效果如图。滚动到第二屏，证件号输入。点击输入框可以看到证件号输入框漂浮了起来并且页面滚动到了第一屏展示的内容。注意：小程序是2018年上线，在2020年4月份之前该页面从未出现过这种现象。推测：微信的后续更新中对微信小程序基础库进行了重构，导致点击输入框后页

【Unity-UGUI控件全面解析】| Text文本组件详解

最新发布

码海扬帆：前端探索之旅的博客

09-12

1378

✍找了几篇文章对比了一下，大体都差不多各有各的说辞和见解,但是没有提供@/style/editor-icon.css文件，找起来虽然说不算太麻烦，但是不够直接，又要花费时间去弄，虽然用的不是很多但是，我还是决定自己写一篇，本篇富文本编辑器样式还需自己按照需求调整，组件需自己自行封装引用，都挺简单的就不说了。富文本组件内部引入了一些基本的样式使得内容可以正确的展示@/style/editor-icon.css。上传图片的代码区域，单独来说不然看不明白，记得上传的url一定要写，就是你们公司的上传接口。

editor 富文本编辑器阻止页面上推

wilL-my的博客

01-06

726

在pages.json文件中的当前页面的style=>app-plus=>softinputMode的属性设置为"adjustResize" { "path": "pages/editor/editor", "style": { "navigationBarTitleText": "", "enablePullDownRefresh": false, "app-plus": { "softinputMode": "adjustResize" } }

uniapp-app使用富文本编辑器editor

m0_65720832的博客

01-27

4365

注意：editor不能封装为组件，否则报错（在其他文章看的）文档上写的也不是特别详细，还以为得npm，但没npm也能用。

关于微信小程序富文本编辑器回显数据初始化editor的时候，页面滑动到最底部了

weixin_47338877的博客

04-16

1182

** 一个页面高度超出一屏时，底部使用了富文本编辑器组件editor之后，如果在进入页面时对editor进行了赋值，页面会滚动到底部控制页面不滚动到底部？** 这个问题的关键是进入页面给富文本赋值造成的 v-show 数据是否有，有了再页面展示。但是有的时候返回数据的时候我们也可以是空，所以这个就很难处理，而且会有暂时的空白很丑还有一种方法是，初始化编辑器成功后调用下，这个跳转很快的，几乎不影响。 wx.pageScrollTo({ scrollTop: 0, duration: 1 }) 还有

优化uniapp关于软键盘将元素内容顶起来的问题

qq_44443306的博客

12-07

913

uniapp

小程序框架与平台编译对比

Fin_Yeye的博客

02-11

2250

5 个小程序平台与 3 款小程序框架，究竟孰强孰弱？

Unity3d 周分享（22期 2019.8.30 ）

游戏路上的小学生

09-29

7068

选自过去1~2周自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧早就有了，抱歉才发！ 1、 Unity Transform 性能优化摘要 https://qiita.com/sator_imaging/items/ff5811885f515a0a4998 由于我有机会在逐帧的基础上处理大量的Transform ，我想总结一下...

uniapp editor 粘贴内容过多再修改内容编辑器无法自动调整高度

tengyuxin的博客

07-19

145

暂时自己也没想到如何解决，找到方法再补上。

Uniapp 多功能富文本编辑组件可多端使用 H5插入

09-18

多功能富文本编辑，可多端使用 H5插入，无需UniCloud。

小程序显示富文本内容格式混乱问题解决

qq_40387717的博客

07-07

1840

今天遇到一个小程序富文本显示格式混乱的问题简单点来说就是在不该换行的地方他换行了. 开始以为是标签的问题 , 因为有些h5 标签小程序不支持 富文本内容源码: <p> <span style="font-size: 10.5pt;">1、</span> <span style="font-size: 10.5pt;"> <font>每位用户均可使用签到系统，会员签到赠送额外积分</font> </sp

富文本WangEditor层级太高覆盖顶层

Lesterbor的博客

07-28

743

今天是2021年7月28日写网页用到了WangEditor这个编辑器，就在提交完事弹出提示框的时候，画面开始不对劲了如下图。编辑器的工具栏显示在了弹窗上部看了一下原网页才发现了问题编辑器的z-index整到了10000····· 后来百度百度出来的是添加以下这段css代码 .w-e-menu{ z-index: 2 !important; } .w-e-text-container{ z-index: 1 !important; } 但是我加上之后还是不好使，最后去扒了编辑器插件的js文

【uniapp】软键盘弹出后fixed定位被顶上去问题

qq_43053533的博客

08-10

2868

当手机设计的导航栏为fixed定位上去时，输入框获取焦点就会把顶部自定义的导航栏顶到上面去，如下图所示。当输入框获取焦点时获取到软键盘的高度，方法为inputBindFocus。亲测有效，哈哈，但是有一点延迟，不知道大佬有没有好的解决办法，欢迎评论。输入框设置 :adjust-position=“false”然后把fiexTop给弹窗的最外层加上padding就好了。

tinymce富文本编辑器内容改变后，编辑器光标位置重置到最前面的问题

choupixiaolin的博客

10-25

3509

tinymce富文本编辑器内容改变后，编辑器光标位置重置到最前面的问题

【uniapp- 富文本编辑器editor不能解析某些标签导致有些内容不显示的解决方案】

weixin_43335008的博客

11-27

894

uniapp的富文本编辑器editor解析不了富文本编辑器解析不了article 标签和 section 标签。

小程序editor和input在同一个页面时，input会触发editor的聚焦

锋利的绵羊的博客

04-24

986

问题 input 和 editor 在同一个页面，在富文本编辑器中编辑文本后点击 input 框页面会回到编辑富文本的高度点击富文本 富文本编辑后点击input 此时页面会被上滑到富文本编辑器的高度（编辑器聚焦时页面会被上推，系统行为以保证编辑区可见）解决方案给 editor 组件绑定 blur 事件，手动触发编辑器的blur事件 <editor @blur="blur" > </editor> blur() { this.editorCtx.blur();

uni-app制作聊天页面时，点击底部输入框弹出键盘上推页面问题解决方案

weixin_44646986的博客

01-17

6643

一，页面结构设计先来看看聊天页面结构设计，外层布局如下： <template> <view>  <scroll-view class="msg-list" scroll-y="true"> </scroll-view>  <view class="input-box"> <input :adjust-position="false

微信小程序高效富文本编辑器组件介绍

资源摘要信息:"微信小程序editor富文本编辑器组件" 微信小程序是腾讯公司在微信平台上推出的一种不需要下载安装即可使用的应用。它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。同时，微信小...