vue tinymce将内容导出为word上传到服务器，完整代码

以下是使用 Vue.js 和 tinymce 的完整代码示例，将编辑器中的内容导出为 Word 文件并上传到服务器：

<template>
  <div>
    <h1>使用Vue.js和tinymce将内容导出为Word文件上传到服务器</h1>
    <textarea id="editor" v-model="content"></textarea>
    <button @click="exportToWord">导出为Word文件</button>
    <input type="file" ref="fileInput" style="display:none;" @change="uploadFile">
  </div>
</template>

<script>
import axios from 'axios'
import FileSaver from 'file-saver'

export default {
  data() {
    return {
      content: ''
    }
  },
  mounted() {
    tinymce.init({
      selector: '#editor',
      height: 400,
      plugins: 'image link code',
      toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code',
      setup: editor => {
        editor.on('change', () => {
          this.content = editor.getContent()
        })
      }
    })
  },
  methods: {
    exportToWord() {
      const blob = new Blob([this.content], { type: 'application/msword;charset=utf-8' })
      FileSaver.saveAs(blob, 'content.doc')
    },
    uploadFile(event) {
      const file = event.target.files[0]
      const formData = new FormData()
      formData.append('file', file)
      axios.post('/api/upload', formData)
        .then(response => {
          console.log(response.data)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}
</script>

在该示例中，我们使用了 axios 库来发送文件上传请求，并使用 FileSaver 库将内容导出为 Word 文件并进行下载。请注意，我们在代码中使用了一个假的上传 API 路径，你需要将其替换为您的实际上传 API 路径。

另外，请确保已经安装了 tinymce、axios 和 file-saver 库。你可以使用以下命令来安装它们：

npm install tinymce axios file-saver