vue中销毁tinymce

在 Vue 中销毁 TinyMCE 编辑器，可以通过以下步骤：

1. 在组件的 `beforeDestroy()` 方法中，调用 `tinymce.remove()` 方法，以销毁编辑器实例。

2. 在 `tinymce.remove()` 方法的回调函数中，将编辑器相关的变量设置为 null，以释放内存。

以下是示例代码：

<template>
  <div>
    <textarea ref="editor"></textarea>
  </div>
</template>

<script>
import tinymce from 'tinymce/tinymce'

export default {
  mounted() {
    // 初始化 TinyMCE 编辑器
    tinymce.init({
      selector: this.$refs.editor,
      // 其他配置项...
    })
  },
  beforeDestroy() {
    // 销毁 TinyMCE 编辑器
    tinymce.remove(() => {
      // 将编辑器相关的变量设置为 null，以释放内存
      this.$refs.editor = null
    })
  }
}
</script>

在 `beforeDestroy()` 方法中调用 `tinymce.remove()` 方法会立即销毁编辑器实例。如果你想在销毁时提示用户，可以使用 `Promise` 的方式处理：

beforeDestroy() {
  return new Promise(resolve => {
    tinymce.remove(() => {
      this.$refs.editor = null
      resolve()
    })
  })
}

这样，在销毁编辑器实例之前，会等待 `Promise` 对象的 `resolve()` 方法执行完毕，然后再销毁。