tinymce-vue

tinymce-vue在汉化的时候出现 tinymce is not defined

img

img

可能是你的url写错了，可以看下这个文章：

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢

【以下回答由 GPT 生成】

问题原因:

出现"tinymce is not defined"的错误是因为在使用tinymce-vue插件时，没有正确引入tinymce的依赖文件。

解决步骤:

  1. 首先，在项目的根目录中执行以下命令，安装tinymce依赖：
npm install tinymce
  1. 在你的Vue组件中引入tinymce的依赖文件。可以在created或者mounted钩子函数中引入。
import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/silver'; // 根据你的主题选择相应的文件
import 'tinymce/plugins/lists'; // 根据你的需求选择引入的插件文件

// 初始化tinymce
tinymce.init({
  selector: 'textarea',
  plugins: ['lists'], // 根据你的需求选择启用的插件
  toolbar: 'formatselect | bold italic underline | numlist bullist', // 根据你的需求配置工具栏
  // 更多配置项...
});

export default {
  // ...
};
  1. 修改你的Vue组件代码，将tinymce的引入放入到component的mounted钩子函数中，确保tinymce的依赖文件在组件挂载之后引入。
import Tinymce from '@tinymce/tinymce-vue';

export default {
  components: {
    Tinymce
  },
  data() {
    return {
      content: '',
      initConfig: {
        theme: 'silver'
      }
    };
  },
  mounted() {
    import('tinymce/tinymce').then((tinymce) => {
      this.tinymce = tinymce;
      // 初始化tinymce
      tinymce.init({
        selector: 'textarea',
        plugins: ['lists'], // 根据你的需求选择启用的插件
        toolbar: 'formatselect | bold italic underline | numlist bullist', // 根据你的需求配置工具栏
        // 更多配置项...
      });
    });
  },
  destroyed() {
    this.tinymce?.remove(); // 在组件销毁时移除tinymce
  }
};

通过以上步骤，你应该能够在Vue项目中正常使用tinymce-vue插件并解决"tinymce is not defined"的问题。

请注意，以上只是一个示例，你还可以根据你的需求进行进一步的配置和定制化。同时，你需要根据你自己的项目环境和需求来选择加载tinymce的依赖文件和配置插件。



【相关推荐】



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^