jquery+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=