<template>
<view class="content">
<editor
id="editor"
placeholder="placeholder"
@ready="handleEditorReady"
></editor>
<view>
<button type="primary" @click="handleTap">插入话题</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
handleTap() {
this.editorCtx.format('color', 'red')
this.editorCtx.insertText({
text: '#插入内容#'
})
this.editorCtx.removeFormat()
// this.editorCtx.insertText({
// text: ' '
// })
},
handleEditorReady() {
uni.createSelectorQuery().select('#editor').context((res) => {
this.editorCtx = res.context
}).exec()
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32rpx;
}
</style>
w***@sina.com
- 发布：2021-04-15 18:51
- 更新：2022-02-22 14:36
- 阅读：1204
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.8
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： MI 9
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
editor组件里输入一段内容，然后将光标移到某个字符前（非最后一个）插入text
editor组件里输入一段内容，然后将光标移到某个字符前（非最后一个）插入text
预期结果：
被插入的内容样式生效，光标应在新插入内容后面
被插入的内容样式生效，光标应在新插入内容后面
实际结果：
样式不生效，光标位置移后了
样式不生效，光标位置移后了
bug描述：
editor组件手动插入内容后，光标跑到前面字符去了，而且手动插入的内容的样式不生效
附件含视频
