关于vue.js:Vue-使用-tinymce-控制台报-Resource-interpreted-as-Stylesheet-but

Vue 应用 tinymce 控制台报 Resource interpreted as Stylesheet but transferred with MIME type text/html 导致编辑器不显示

设置 skin_url 指定 css 门路：

{
  ...
  language: 'zh_CN',
  skin_url: '/src/assets/tinymce/skins/ui/oxide',
  ...
}

但控制台提醒：

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/src/assets/tinymce/skins/ui/oxide/skin.min.css".
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/src/assets/tinymce/skins/ui/oxide/content.min.css".

导致编辑器区域为空白，显示不进去。

在 tinymce-react Issues Skin false does not prevent loading of skins #53 发现解决办法：

• 手动引入 css

在 export default 下面引入：

import 'tinymce/skins/ui/oxide/skin.min.css'
import 'tinymce/skins/ui/oxide/content.inline.min.css'

而后设置初始参数：

{
  ...
  language: 'zh_CN',
  content_css: false,
  // skin_url: '/src/assets/tinymce/skins/ui/oxide',
  ...
}