Нужна помощь в настройке TinyMCE в Laravel Voyager - PullRequest
Новая
       80

Нужна помощь в настройке TinyMCE в Laravel Voyager

0 голосов
/ 03 марта 2020

Я бы хотел настроить стандартную конфигурацию TinyMCE в Laravel Voyager. В частности, я хочу удалить опцию для создания тегов H1 в содержании тела, так как семантически должен быть только один H1 на странице, и он хранится в другом поле.

Инструкции Voyager довольно просты:

https://voyager-docs.devdojo.com/customization/tinymce

Итак, я: 1. создал новый файл в ресурсах / js с именем voyager_additional. js, 2. добавил его в мой микс конфигурация (. js ('resources / js / voyager_additional. js', 'public / js'), 3. добавлены две функции, указанные в документах Voyager, 

function tinymce_init_callback(editor)
{
    console.log('Init!');
}

function tinymce_setup_callback(editor)
{
    console.log('Setup!');
}
поместил сообщения console.log в функции, чтобы продемонстрировать, что они вызываются, и добавил 'js / voyager_additional. js' в дополнительный массив * js в config / voyager. php.

Дополнительный файл JavaScript создается в нужном месте, и мои страницы администратора Voyager могут его найти, но что-то не так, потому что сообщения console.log никогда не появляются (ни одно из Код TinyMCE, который я вставил в функции, похоже, тоже дает эффект). Там явно немного больше, чем указано в документации. Чего мне не хватает?

1 Ответ

0 голосов
/ 03 марта 2020

А-а-а-а-а-а-а-а ... не обрабатывайте дополнительный JavaScript код, как с. js в вашем файле Mix. Просто скопируйте его: 

.copy('resources/js/voyager_additional.js', 'public/js')

Теперь отображаются мои сообщения console.log и изменения, которые я вносю в конфигурацию TinyMCE, работают.

(Краткое примечание: формат изменений настроек должен быть Например: 

editor.settings.style_formats = [
        { title: 'Heading 2', format: 'h2' },
        { title: 'Heading 3', format: 'h3' },
        { title: 'Paragraph', format: 'p' },
    ];
    editor.settings.toolbar = 'removeformat | styleselect bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image table | code';

и изменения, кажется, хотят быть в настройке, а не в функции init.)

Я рад, что это оказалось чем-то маленьким и простой!

...