vue3+ts引入富文本编辑器wangEditor

<template>

    <div class="wang-editor">

        <Toolbar

            style="border-bottom: 1px solid #ccc"

            :editor="editorRef"

            :defaultConfig="toolbarConfig"

            :mode="mode"

        />

        <Editor

            :style="{'height': editHeight+'px', 'overflowY': 'hidden'}"

            v-model="valueHtml"

            :defaultConfig="editorConfig"

            :mode="mode"

            @onCreated="handleCreated"

            @onChange="handleChange"

        />

    </div>

</template>



<script setup lang="ts">

    import '@wangeditor/editor/dist/css/style.css'

    import { onBeforeUnmount, shallowRef, watch, ref } from 'vue';

    import { Editor, Toolbar } from '