Файлы тем TinyMCE отсутствуют при использовании с LaravelMix - PullRequest
0 голосов
/ 21 ноября 2018

Я пытался использовать TinyMCE с простым HTML и jquery, как показано ниже, и он прекрасно работает.

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/tinymce/jquery.tinymce.min.js" charset="utf-8"></script>
<script type="text/javascript">
    tinymce.init({
        selector: '#comment'
    });
</script>

Но когда я пытаюсь сделать то же самое с последним миксом Laravel, ссылаясь на TinyMCE из node_modules, он дает мнетакие ошибки, как GET http://localhost:3000/js/themes/modern/theme.js net::ERR_ABORTED 404 (Not Found)

Кто-нибудь, скажите, пожалуйста, что будет хорошим местом, чтобы включить / потребовать библиотеку TinyMCE и как это сделать.

Я пытался ссылаться на нее, как показано ниже в app.js

require('tinymce/tinymce.min.js');

и

require('tinymce');

1 Ответ

0 голосов
/ 24 декабря 2018

Разобрался после некоторых проблем: нужно импортировать отдельные плагины, которые используются при инициализации.

Сработало в моем случае.Улучшения приветствуются.

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/tinymce/jquery.tinymce.min.js" charset="utf-8"></script>

Импорт TinyMCE и необходимые темы / плагины

import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/modern/theme';
import 'tinymce/plugins/colorpicker';
import 'tinymce/plugins/link';
import 'tinymce/plugins/lists';
import 'tinymce/plugins/anchor';
import 'tinymce/plugins/advlist';
import 'tinymce/plugins/table';
import 'tinymce/plugins/textcolor';
import 'tinymce/plugins/paste';
import 'tinymce/plugins/help';
import 'tinymce/plugins/charmap';
import 'tinymce/plugins/contextmenu';

HTML

<textarea name="description" class="form-control" id="description" rows="3"></textarea>

Инициализация

tinymce.init({
    selector: '#description',
    skin: false,
    plugins: [
        'advlist lists link charmap anchor textcolor',
        'table contextmenu paste help'
    ],
    toolbar: 'insert | undo redo |  formatselect | bold italic backcolor  | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
});

Запустить Laravel dev server

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