我正在一个Rails项目中使用资源管道,但是我们目前正在尝试过渡到webpack。在将TinyMCE穿过纱线后尝试使其工作时,我遇到了一个问题-文本编辑器根本无法加载。
最初,我在 application.html.haml 中使用了CDN,并且一切正常:
%script{src: 'https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=gexncjni90zx3qf0m5rr7kl8l40wd5yuly2xjza0g3kwrljt'}`
我通过纱安装了包裹:
$ yarn add tinymce
我也有我的 tinyMce.js 文件(该函数本身尚未更改):
import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/modern/theme';
import 'tinymce/plugins/lists';
import 'tinymce/plugins/table';
function tinyMce() {
$(document).on('turbolinks:load', function () {
tinyMCE.remove();
tinyMCE.init({
selector: 'textarea.tinymce',
plugins: [
'table', 'lists'
],
});
});
}
export { tinyMce };
在我的 application.js 中:
import { tinyMce } from "../vendor/tinyMCE/tinyMce";
由于TinyMCE不能没有皮肤就无法工作,所以我跟随documentation跑了
$ cp -r node_modules/tinymce/skins skins
我尝试将skins
文件夹直接放在根目录中,放在根目录中的packs
文件夹中以及javascript/packs
中,但是即使我尝试,错误仍然保持不变指定skin_url
。
typed.js
测试)。tinymce
似乎也正在加载-以前我在控制台中遇到过关于table
和lists
插件的更多错误,但是在将2条导入行添加到后,这些插件消失了tinyMce.js
。关于我可能会缺少的任何提示吗?