富文本editor在插入表情图片后，如何不显示软键盘？

分类：uni-app

editor 弹出软键盘富文本

1.初始化editor
uni.createSelectorQuery().select('#editorId')
.context(res => {
this.editorCtx = res.context;
}).exec();

2.插入表情图片
this.editorCtx.insertImage({
src: item.imgUrl,
width: '25px',
height: '25px'
});

在插入表情图片后，使用过editorContext.blur()方法，去掉焦点，发现软键盘是先出现一下，然后又隐藏了；也使用过setInterval循环调用uni.hideKeyboard()，还是不行，点的速度快，也会先出现一下软键盘，然后又隐藏了

2021-06-09 15:10 负责人:无分享

5 个回复

同样的问题请问楼主解决了吗

wentian - 孜孜不倦

解决了吗，楼主

插入图片或表情后，调用editorContext.blur()可以完美隐藏键盘，红米Note11亲测不会先出现一下再隐藏

this.editorCtx.insertText({  
    text: emojiSelected  
});  
this.editorCtx.blur();

最后怎么解决的？

可以在插入图片之前变成只读模式（即将read-only的值改为true），图片插入之后再恢复成编辑模式可以实现连续插入图片而不弹起键盘的问题

要回复问题请先登录或注册