VueTinymce中disabled不起作用

如果您在使用 VueTinymce 中的 `disabled` 属性时发现不起作用，可能是因为该属性并非 VueTinymce 组件的内部属性，而是 TinyMCE 编辑器的属性。因此，您需要使用 TinyMCE 的 API 来禁用编辑器。

您可以通过以下步骤禁用编辑器：

1. 在 VueTinymce 组件中添加 `ref` 属性，以便在代码中引用它：

<vue-tinymce ref="myEditor" />

2. 在组件的 `mounted` 钩子函数中获取编辑器实例，并使用 `setMode` 方法将其设置为只读模式：

mounted() {
  const editor = this.$refs.myEditor.editor
  editor.setMode('readonly')
}

通过这种方式，您可以禁用 VueTinymce 编辑器。如果您需要启用编辑器，请使用 `setMode` 方法将其设置为可编辑模式：

mounted() {
  const editor = this.$refs.myEditor.editor
  editor.setMode('design')
}

相关问题

VueTinymce 不让禁用

您可以在初始化VueTinymce时将disabled属性设置为false来启用它。例如：

<template>
  <vue-tinymce
    v-model="content"
    :disabled="false"
    :init="{
      plugins: 'link image code',
      toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code'
    }"
  />
</template>

<script>
import 'tinymce';
import 'tinymce/icons/default';
import 'tinymce/themes/silver';
import { VueTinymce } from '@deveodk/vue-tinymce';

export default {
  components: { VueTinymce },
  data() {
    return {
      content: '',
    };
  },
};
</script>