开发指南052-文本编辑组件

平台的文本编辑组件是基于wangedit做的二次封装，核心部分为：

<template>

  <div style="border: 1px solid #ccc; margin-top: 10px">

  <!-- 工具栏 -->

  <Toolbar

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

       :editor="editor"

       :defaultConfig="toolbarConfig"

   />

   <!-- 编辑器 -->

   <Editor

       style="height: 400px; overflow-y: hidden"

       :defaultConfig="editorConfig"

       v-model="htmlValue"

       @onChange="onChange"

       @onCreated="onCreated"

     />

 </div>

</template>

<script>

   import { Editor, Toolbar } from "@wangeditor/editor-for-vue"

   import { DomEditor } from '@wangeditor/editor'

   import { upload,uploadPublic,uploadPrivate } from '@/api/qlm_upload'

   import store from '@/store'

   export default {

     name: "QLMEditor",

     components: { Editor, Toolbar },

   }

</script>

之所以二次封装是因为上传图片，上传视频需要自行实现