React中使用Tinymce遇到的坑

638 阅读1分钟

1.直接import包后,不生效。

需要引用以下引用,若placeholder、tollbar渲染不出来,需要额外加载tinymce/skins/ui/oxide/skin.min.css。

import 'tinymce/tinymce.min.js'; // 引入 TinyMCE 主文件import 'tinymce/icons/default/icons'; // 引入默认图标import 'tinymce/themes/silver/theme'; // 引入默认主题import 'tinymce/plugins/advlist'; // 引入插件import 'tinymce/plugins/autolink';import 'tinymce/plugins/lists';import 'tinymce/plugins/link';import 'tinymce/plugins/wordcount';// 引入 TinyMCE 的 CSS 文件import 'tinymce/skins/ui/oxide/content.inline.min.css';import 'tinymce/skins/ui/oxide/skin.min.css';

在tinymce的init配置中,需要配置

 content_css: false, skin_url: 'oxide',

设置skin_url为false,不生效。

否则控制台会报错:

Refused to apply style from '/skins/ui/oxide/skin.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

虽然在组件中已import该包,也生效了,但是控制台会报错,需要在初始化中进行配置。