需要帮助在 Laravel Voyager 中配置 TinyMCE

Question

我想调整 Laravel Voyager 中 TinyMCE 的默认配置。特别是，我想删除在正文内容中创建 H1 标签的选项，因为从语义上讲，页面上应该只有一个 H1，并且它存储在不同的字段中。

航海者指令非常简单：

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

所以，我： 1. 在 resources/js 中创建了一个名为 voyager_additional.js 的新文件， 2. 将其添加到我的 Mix 配置中 (.js('resources/js/voyager_additional.js', 'public/js'), 3. 添加了航海者文档中指定的两个函数，

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

function tinymce_setup_callback(editor)
{
    console.log('Setup!');
}

在函数中放置 console.log 消息以表明它们正在被调用，并且
将 'js/voyager_additional.js' 添加到 config/voyager 中的 additional_js 数组。php。

额外的 JavaScript 文件正在正确的位置创建，我的 Voyager 管理页面可以找到它，但有些地方不对，因为 console.log 消息从未出现（none我放入函数中的 TinyMCE 代码似乎也有效果）。显然，它比文档指示的要多一些。我错过了什么？

Answer 1

Aaaaaahhh...不要像 Mix 文件中的 .js 一样处理额外的 JavaScript 代码。直接复制：

.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 函数中进行。）

我很高兴这竟然是一件小而简单的事情！

需要帮助在 Laravel Voyager 中配置 TinyMCE

Need help configuring TinyMCE in Laravel Voyager

tinymce

laravel

voyager