m***@163.com
m***@163.com
  • 发布:2020-04-30 15:41
  • 更新:2021-03-27 16:11
  • 阅读:3641

uniapp的editor组件怎么自动获取焦点

分类:uni-app
2020-04-30 15:41 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

我也需要自动获取焦点,弹出键盘的方法,就像input标签一样

全栈工程师

全栈工程师 - 精通mui、uniapp,承接相关项目外包,解决各种疑难问题。有任何问题可以随时联系,QQ:419761282

此问题有解决吗

END丶YunFeng

END丶YunFeng

我是这样变相实现的,如下:
在editor下面放置一个input,设置focus属性true。然后在onEditorReady中this.editorCtx.format("align", "left")将焦点切换到editor中,键盘不会消失的

复制代码<view class="editor_wrap">  
    <view class="input_false">  
        <input focus="true" type="text" value="" />  
    </view>  
        <editor  id="editor" class="ql-container" :placeholder="placeholder" @ready="onEditorReady"></editor>  
</view>

.editor_wrap{
position: relative;
}
.input_false{
position: absolute;
z-index: -1;
}

复制代码onEditorReady() {  
            uni.createSelectorQuery()  
                .select('#editor')  
                .context(res => {  
                    this.editorCtx = res.context;  
                    this.editorCtx.format("align", "left")  
                    uni.showKe  
                })  
                .exec();  
        },
  • llsr

    如果是再次获取editor焦点 软键盘又顶上去了 这个时候你怎么处理

    2021-05-08 17:20

rysnone

rysnone

同问

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容