我们正在尝试通过Webpacker(和Stimulus)将我们的应用升级到Rails 6。除TinyMCE之外,其他一切都很好。我们有2个问题,我将在单独的SO问题中提出。
我们使用]安装了TinyMCE。>
yarn add tinymce
并且具有版本5.3.0
在我们的刺激控制器头中,我们有:
import tinymce from 'tinymce/tinymce'; import 'tinymce/themes/silver'; import 'tinymce/skins/ui/oxide/skin.min'; import 'tinymce/skins/ui/oxide/content.min'; import 'tinymce/plugins/paste'; import 'tinymce/plugins/link';
然后在控制器
connect
块中具有:
connect() { console.log('gonna reload'); require.context( '!file-loader?name=[path][name].[ext]&context=node_modules/tinymce&outputPath=js!tinymce/skins', true, /.*/ ); tinymce.init({ selector: '.tinymce', plugins: ['paste', 'link'], skin: false }); }
这是基本有效的代码,除了我在控制台中看到的以外:
VM40 application-68201fac0dcbbcb543e0.js:213771 GET https://xxx.ngrok.io/packs/js/icons/default/icons.js net::ERR_ABORTED 404 (Not Found) VM40 application-68201fac0dcbbcb543e0.js:224775 Failed to load icons: default from url https://xxx.ngrok.io/packs/js/icons/default/icons.js
我们需要另一个
require.context
来处理这些加载吗?
我们正在尝试通过Webpacker(和Stimulus)将我们的应用升级到Rails 6。除TinyMCE之外,其他一切都很好。我们有2个问题,我将在单独的SO问题中提出。我们安装了TinyMCE ...
看来TinyMCE不再动态加载图标,因此必须指示Webpack手动将它们包括在包中。在tinymce导入对我有用之后,添加图标导入: