uniapp 富文本动态改变字体大小进行大小字体切换写作

<template>
	<view>
		<editor class="myedit" placeholder="写点啥呢~~" @ready="onEditReady"></editor>

		<view class="item" @click="clickDivider">
			<text>加分割线</text>
		</view>

		<view class="fontsize">
			<view class="plus" @click="onplus">+</view>
			<view class="numb">({{num}})</view>
			<view class="minus" @click="nominus">-</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num: 16

			};
		},
		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("添加分割线");
			},
			onplus() {
				this.num = this.num + 1
				this.editorCtx.format("fontSize", this.num + 'px');
			},
			nominus() {
				this.num = this.num - 1
				this.editorCtx.format("fontSize", this.num + 'px');
			}
		}
	}
</script>

<style lang="scss">

</style>