<template>
<view>
<editor id="editorId" @ready="onEditorReady" @input="bingEditorInput"></editor>
</view>
</template>
<script>
export default {
data() {
return {
editorCtx:null
}
},
methods: {
onEditorReady:function(){
uni.createSelectorQuery()
.select('#editorId')
.context(res => {
console.log(res.context);
this.editorCtx = res.context;
this.insertImageFun();
})
.exec();
},
insertImageFun:function(){
this.editorCtx.insertImage({
src: "/static/e415.png",
width: '25px',
height: '25px'
});
},
bingEditorInput:function(e){
console.log("bingEditorInput()")
console.log(e.detail.html);
}
}
}
</script>
<style>
</style>
- 发布:2021-06-09 16:29
- 更新:2021-09-12 09:03
- 阅读:1122
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.17
手机系统: Android
手机系统版本号: Android 10
手机厂商: OPPO
手机机型: oppo a3
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
直接运行示例中的代码
直接运行示例中的代码
预期结果:
只执行一次bingEditorInput方法
只执行一次bingEditorInput方法
实际结果:
只执行3次bingEditorInput方法,并且每次输出的html代码都不一样,第一次是<img src="图片地址">
,第二次是<img src="图片地址" width="25px">
,第三次是<img src="图片地址" width="25px" height="25px">
只执行3次bingEditorInput方法,并且每次输出的html代码都不一样,第一次是<img src="图片地址">
,第二次是<img src="图片地址" width="25px">
,第三次是<img src="图片地址" width="25px" height="25px">
bug描述:
<editor id="editorId" @ready="onEditorReady" @input="bingEditorInput"></editor>
1.初始化editor
uni.createSelectorQuery().select('#editorId')
.context(res => {
this.editorCtx = res.context;
}).exec();
2.插入图片
this.editorCtx.insertImage({
src: "/static/e415.png",
width: '25px',
height: '25px'
});
3.监听内容改变,发现插入图片时,在insertImage()中每添加一个参数,就执行一次监听事件bingEditorInput()。
楼主,问题解决了吗,我看新版并没有修复这个问题吧。
-
回复 DCloud_UNI_LXH: 您好,刚看了下已修复了哈,但是编缉器这块还有一个bug,具体请看这个帖子:https://ask.dcloud.net.cn/question/106391
2021-09-14 19:06
y***@qq.com
你好,新版本并没有修复这个问题呀。
2021-09-12 09:02