Rails / Webpack:TinyMCE无法加载皮肤(404(未找到))

时间:2018-09-12 15:28:45

标签: ruby-on-rails npm webpack tinymce

我正在一个Rails项目中使用资源管道,但是我们目前正在尝试过渡到webpack。在将TinyMCE穿过纱线后尝试使其工作时,我遇到了一个问题-文本编辑器根本无法加载。

过渡到Webpack之前

最初,我在 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

但是控制台中的错误无法解决: enter image description here

我尝试将skins文件夹直接放在根目录中,放在根目录中的packs文件夹中以及javascript/packs中,但是即使我尝试,错误仍然保持不变指定skin_url

一般说明

  • Webpack本身可以很好地工作,无论是使用自定义脚本还是导入的包(都经过typed.js测试)。
  • tinymce似乎也正在加载-以前我在控制台中遇到过关于tablelists插件的更多错误,但是在将2条导入行添加到后,这些插件消失了tinyMce.js

关于我可能会缺少的任何提示吗?

0 个答案:

没有答案