小程序editor使用custom-components进行封装转换的, 图片的插入方法如下
insertImage() {
wx.chooseImage({
count: 1,
success: (res) => {
this.editorCtx.insertImage({
src: res.tempFilePaths[0],
data: {
id: 'abcd',
role: 'god'
},
width: '100%',
success: function (data) {
console.log(data);
console.log('insert image success');
}
});
}
});
}
当插入图片后, 调用 this.editorCtx.getContents() 查询的时候, 图片单位的确是百分比, 但这段富文本内容在通过v-html来渲染的时候, 百分比却被强制刷新成了px。希望尽快解决此bug
确认下是v-html的问题还是富文本编辑器的问题,定位到问题后确认是kbone的问题可以去github上面提issues:
https://github.com/Tencent/kbone/issues
定位步骤可以可以在v-html前将需要渲染的对象打印出来。
规避这个问题的办法可以尝试用class来注入样式。
class的话没有行内样式的权重高,而且这个值是动态的,class并不能解决。
text:'<img src="" width="100%" >'