如何捆绑TinyMCE vue集成？

Question

我想在我的laravel vue SPA应用程序中使用tinymce vue (Laravel 6和vue@2.6.10)

我想捆绑在app.js和app.css中所有的内容。在我安装之后：

npm install tinymce
npm install @tinymce/tinymce-vue

我已经全局导入了app.js：

import Vue from 'vue';
import VueRouter from 'vue-router';

import Editor from '@tinymce/tinymce-vue';
import 'tinymce/tinymce.min';
import 'tinymce/themes/silver/theme.min'

Vue.component('tinymce-editor', Editor);

...

在app.scss中：

@import '~tinymce/skins/ui/oxide/skin.min.css';
@import '~tinymce/skins/ui/oxide/content.min.css';
@import '~tinymce/skins/content/default/content.min.css';

当我加载包含编辑器的组件时，它会编译fine...but

<tinymce-editor></tinymce-editor>

它在浏览器控制台(404)中抱怨说它找不到我在app.scss中导入的css文件。

我错过了什么？

Answer 1

你必须告诉tinymce，它不需要担心这些文件。

<tinymce-editor
  :init="{content_css: false, skin: false}"
>
</tinymce-editor>