前端简单易懂的富文本编辑器开发-vue3
实用vue3+jquery实现简单富文本编辑器
上篇文章我们讲了,如何实用html+jquery快速实现一个富文本编辑器,今天我们接着来讲在vue3中实现这个功能,主要思路还就是 vue3+jquery,采用hooks实现。如果没有看过上一篇文档,请先看上一篇文章。
编辑器封装
我们在vue中封装富文本编辑器组件,该组件通过v-model:value实现向表单中绑定值,以及通过代码视图中的textarea的blur或者change事件实现校验。
<div class="editor" :style="size">
<div class="tools">
<div class="action_button">
<div
:class="{ item: true, active: toolActive === item.key }"
v-for="(item, index) in tools"
:key=