Rails / Webpack: TinyMCE не может загрузить скины (404 (не найден)) - PullRequest
0 голосов
/ 12 сентября 2018

Я работаю над проектом 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

Ноошибка в консоли не устраняется: enter image description here

Я попытался поместить папку skins непосредственно в корневой каталог, в папку packs, расположенную в корневом каталоге и в папкеjavascript/packs, но ошибка остается прежней, даже когда я пытаюсь указать skin_url.

Общие примечания

  • Сам веб-пакет работает нормально, как с пользовательскими сценариями, так и с импортированными пакетами (протестировано с typed.js).
  • tinymce, кажется, также загружается - ранее у меня было больше ошибок в консолиЧто касается плагинов table и lists, но они исчезли после добавления 2 строк импорта в tinyMce.js.

Есть ли какие-нибудь советы о том, чего мне не хватает?

1 Ответ

0 голосов
/ 14 сентября 2018

Мне удалось заставить его работать, добавив эти две строки в мой файл tinyMce.js :

import 'tinymce/skins/lightgray/content.min.css';
import 'tinymce/skins/lightgray/skin.min.css';

В тот момент текстовый редактор работал, как и ожидалось, однако яя получал следующие ошибки в моей консоли:

enter image description here

Это было решено добавлением skin: false к моей tinymce.init установке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...