uniapp微信小程序富文本编辑器组件

前言

最近需要实现一个微信小程序的富文本编辑器，由于使用的是uniapp框架开发的小程序，因此就改造了一下微信小程序官方案例，并封装成了一个组件。

uniapp-editor gitee仓库

实现效果

使用方式

在需要使用富文本的页面引入组件，通过v-model绑定富文本内容即可

// example.vue
<template>
	<view>
		<rich-text-editor v-model="richText"></rich-text-editor>
	</view>
</template>

<script>
	import RichTextEditor from "@/components/RichText/RichTextEditor.vue"
	export default {
     
		components:{
     
			RichTextEditor
		},
		data() {
     
			return {
     
				richText:'这里是初始内容'
			};
		},
		watch:{
     
			richText(){
     
				console.log(this.richText)
			}
		}
	}
</script>

<style lang="scss">

</style>