vue封装tinymce富文本组件,图片上传回调方法

这里我用了tinymce，主要解决的是上传图片回调处理

效果预览：

 

第一步：下载tinymce资源，

把tinymce放到static目录

在index.html中引入tinymce.min.js文件

第二步：新建tinymce组件

template:

<template>
  <div class="comp-tinymce-wrapper">
    <textarea :id="tinymceId">textarea>
  div>
template>

script:

在父组件中引入tinymce组件

import tinymce from '@/components/Tinymce/index'

             <tinymce :height="tiny.height" v-model="sendObj.content">tinymce>

script:

export default {
    name: 'addNews',
    components:{
      tinymce
    },
    data(){
      return {
        tiny:{
          height:300
        },
        sendObj:{
          content:'nihao'
        }
    },
    methods:{
    }
  }

 

转载于:https://www.cnblogs.com/lizimeme/p/8304207.html