x***@gmail.com
x***@gmail.com
  • 发布:2024-03-22 17:52
  • 更新:2024-03-29 17:42
  • 阅读:215

【报Bug】editor组件在ios16及以下设备在h5环境中无法正常插入图片

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11 23H2 系统版本:22631.3296

HBuilderX类型: 正式

HBuilderX版本号: 3.99

浏览器平台: Safari

浏览器版本: ios16.2

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://im.raingad.com/h5

示例代码:
// 选择表情  
        chooseEmoji(item){  
            this.readOnly= true  
            setTimeout(()=>{  
                this.editorCtx.insertImage({  
                    src: item.src,  
                    alt: item.title,  
                    width: 18,  
                    height: 18,  
                    nowrap:true,   
                    extClass:'emoji-image',  
                    success: function() {  
                    },  
                    complete: ()=> {  
                        this.readOnly= false  
                    },  
                });  
            },10);  
        },  
//编辑器初始化  
onEditorReady() {  
            // #ifdef MP-BAIDU  
            this.editorCtx = requireDynamicLib('editorLib').createEditorContext('editor');  
            // #endif  

            // #ifdef APP-PLUS || MP-WEIXIN || H5  
            const query = uni.createSelectorQuery().in(this);  
            query.select('#editor').context((res) => {  
                this.edit = new Edit({context: res.context,maxCount: 300});  
                this.editorCtx = res.context  
            }).exec()  
            // #endif  
        },

操作步骤:

在页面中调用chooseEmoji()方法向输入框插入图片,item.src是一个带有https的图片url(https://emoji.raingad.com/72x72/1f600.png)

预期结果:

在ios16.2 上应该正常向输入框中插入图片

实际结果:

在ios16.2 上无法正常插入图片,在ios17以上是没问题的。安卓手机也没问题

bug描述:

在使用editor组件时,使用editorContext.insertImage(OBJECT) 这个API在开发调试时候可以正常插入图片,但是发行构建在safari浏览器中无法插入图片文件,同设备的其他浏览器也同样无法操作。出现过错误的设备有ios16.2,ios16.6,正常的设备有:ios17、ios16.5。其他安卓设备也正常。出现的报错如附件所示:已经通过npm安装了quill,并且已经按照官方方法引入到H5中。

2024-03-22 17:52 负责人:无 分享
已邀请:
raingad

raingad

设置只读的问题,去掉就没事。去掉之后ios15.x以下又不行了,文字都没法输入

要回复问题请先登录注册