editor 编辑器组件化 tinymce

134 阅读1分钟

1.  首先下载资源包

链接:pan.baidu.com/s/19zontUtq… 提取码:njwx

 ps:  在资源包index.html 里设置 文件服务的接口,使上传的图片或者文件转化为链接的形式,防止字段过长导致后端接口因字段过长导致服务器异常

2. 父组件调用

<template>
 <div class="addNew">
    <editor v-model="content"></editor>
  </div>
</template>
<script>
  import editor from '@/components/Tinymce/index.vue';
</script>export default {
  components: {
    editor,
  },
  data() {
    reutrn {
       content: '',
    }
  }
}