Я работаю над проектом Rails, в котором используется конвейер ресурсов, но в настоящее время мы пытаемся перейти на webpack.Я столкнулся с проблемой при попытке заставить TinyMCE работать после протягивания его через пряжу - текстовый редактор просто не загружается.
До перехода на веб-пакет
Первоначально я использовал CDN в application.html.haml и все работало нормально:
%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 не будет работать без скина, я следовал документации и запустил
$ cp -r node_modules/tinymce/skins skins
Ноошибка в консоли не устраняется:
Я попытался поместить папку skins
непосредственно в корневой каталог, в папку packs
, расположенную в корневом каталоге и в папкеjavascript/packs
, но ошибка остается прежней, даже когда я пытаюсь указать skin_url
.
Общие примечания
- Сам веб-пакет работает нормально, как с пользовательскими сценариями, так и с импортированными пакетами (протестировано с
typed.js
). tinymce
, кажется, также загружается - ранее у меня было больше ошибок в консолиЧто касается плагинов table
и lists
, но они исчезли после добавления 2 строк импорта в tinyMce.js
.
Есть ли какие-нибудь советы о том, чего мне не хватает?