<template>
<view>
<editor class="myedit" placeholder="写点啥呢~~" @ready="onEditReady"></editor>
<view class="item" @click="clickDivider">
<text class="iconfont icon-fengefu" ></text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
//初始化
onEditReady() {
uni.createSelectorQuery().in(this).select('.myedit').fields({
size:true,
context:true
},res=>{
console.log(res);
this.editorCtx=res.context//获取上下文
}).exec()
},
//添加分割线
clickDivider(){
this.editorCtx.insertDivider();
console.log("添加分割线");
}
}
}
</script>
<style lang="scss">
</style>
uniapp富文本编辑器,为文章添加分割线功能
最新推荐文章于 2024-01-26 19:31:51 发布