Voyager框架重写TinyMCE配置添加YouTube功能不生效问题咨询

• 配置加载优先级错误
  Voyager默认的voyager_tinymce_config.js加载顺序早于自定义的additional_js文件，富文本编辑器在你的自定义JS加载前就已经完成初始化，你定义的getConfig方法没有被实际调用，自然不会生效。
• 语法不兼容浏览器运行环境
  你自定义的JS末尾使用了CommonJS规范的exports.getConfig = getConfig导出语法，浏览器原生不支持该写法，会触发JS执行报错，导致整段配置代码失效。
• 缺少TinyMCE YouTube插件依赖
  默认Voyager内置的TinyMCE没有集成YouTube插件，仅在配置项里添加youtube参数不会自动加载对应的插件源码，插件不存在自然不会显示对应按钮。
• 缓存未清理
  修改config/voyager.php后没有执行php artisan config:clear清理Laravel配置缓存，会导致新增的额外JS引入配置不生效；同时浏览器缓存了旧版的后台JS文件，也会加载不到你的自定义配置。
• 视觉遮挡问题
  你配置的min_height: 6000会让富文本编辑区高度达到6000px，工具栏可能被推出当前视口范围，会让你误以为按钮没有新增。

1. 清理缓存：先执行php artisan config:clear清理配置缓存，同时清空浏览器后台页面的缓存并硬刷新。
2. 调整自定义JS代码：删除exports.getConfig = getConfig语句，改用Voyager提供的TinyMCE初始化钩子修改配置，不需要全量复制原有配置代码，示例代码如下：

window.tinymce_init_callback = function(editor) {
    editor.settings.plugins += ',youtube';
    editor.settings.toolbar += ',youtube,giphy';
}

3. 引入TinyMCE YouTube插件：下载对应版本的TinyMCE YouTube插件源码，放到public目录下的对应路径，在配置中指定插件加载路径，或者直接把插件代码集成到custom.js中。
4. 调整合理的编辑器高度：把min_height调整为600左右的合理值，避免工具栏被挤出视口。

内容的提问来源于stack exchange，提问作者Bochorishvili Nikusha