vue使用富文本插件 vue-tinymce(tinymce)

富文本组件： vue-tinymce 配置教程

1、package.json 添加依赖及对应版本

dependencies 依赖管理下添加

"tinymce": "^5.6.0",
"@packy-tang/vue-tinymce": "^1.0.0",

加好了 npm install 一下

2、拷贝源文件至public 目录

3、vue-tinymce 组件进行二次封装

在 src/components/ 下创建 vue-tinymce/index.vue 组件 (对vue-tinymce进行二次封装)

<template>
    <div id="vue-tinymce">
        <vue-tinymce
                v-model="editorVlaue"
                :setting="setting"/>
    </div>
</template>

<script>
    import {baseUploadUrl} from "@/config/env";

    export default {
        name: 'vueTinymceEditor',
        data() {