Tinymce，Vuetify对话框，无法在源代码编辑器中编写或插入代码示例

<template>
  <v-dialog v-model="dialog" @opened="initTinymce">
    <v-card>
      <v-card-title>编辑器</v-card-title>
      <v-card-text>
        <textarea id="tinymce"></textarea>
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<script>
import tinymce from 'tinymce';

export default {
  data() {
    return {
      dialog: false
    };
  },
  methods: {
    initTinymce() {
      tinymce.init({
        selector: '#tinymce',
        // 其他配置项
      });
    }
  }
};
</script>

<template>
  <v-dialog v-model="dialog">
    <v-card>
      <v-card-title>编辑器</v-card-title>
      <v-card-text>
        <textarea id="tinymce"></textarea>
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<script>
import tinymce from 'tinymce';

export default {
  data() {
    return {
      dialog: false
    };
  },
  watch: {
    dialog(newValue) {
      if (newValue) {
        this.$nextTick(() => {
          this.initTinymce();
        });
      }
    }
  },
  methods: {
    initTinymce() {
      tinymce.init({
        selector: '#tinymce',
        // 其他配置项
      });
    }
  }
};
</script>

<style scoped>
/* 自定义样式 */
#tinymce {
  /* 确保Tinymce的样式不会被Vuetify覆盖 */
}
</style>