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';

它可以正常编译...但是当我加载包含编辑器的组件时

<tinymce-editor></tinymce-editor>

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

我想念什么???

Answer 1

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

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

如何捆绑TinyMCE vue集成？

1 个答案: