在 TinyMCE 中为流 Vaadin 组件使用自定义皮肤时遇到问题

Trouble using custom skins within the TinyMCE for flow Vaadin component

我正在开发一个项目,我在其中使用 vaadin 组件“TinyMCE for flow”(https://vaadin.com/directory/component/tinymce-for-flow),并且该组件使用一个 setConfig 方法,该方法采用 json 的字符串参数,您将使用它来配置常规 tinymce 的 init 将配置的特殊选项。我找到了这个组件使用的tinymce版本的自定义皮肤(4.9)并使用setConfig函数配置skin_url属性如下:

editor.setConfig("{ \"selector\": \"textarea\", \"skin_url\": \"charcoal\"}");

皮肤文件 charcoal 与我在其中调用此方法的文件位于同一目录中。我是否错误地使用它来设置该组件的皮肤?我 尝试使用皮肤文件的完整文件路径,但也没有成功,所有这些都只是 returns 一个不可见的 tinyMCE 编辑器。知道这里会发生什么吗?

(注意:此组件使用的是 tinyMCE 4.9,而不是 5。意思是,id 尝试使用新的内置暗模式功能,但此组件不可用)

只要我将 charcoal 目录存储在我的应用程序的静态资源文件夹下,我似乎就可以正常工作。我有一个 Spring 启动测试应用程序,因此在这种情况下,目录位于 src/main/resources/META-INF/resources/charcoal。在 non-Spring 项目中,它将是 /src/main/webapp/charcoal。在此处的文档中查看有关存储资源的更多信息:https://vaadin.com/docs/v14/flow/importing-dependencies/tutorial-ways-of-importing.html#resource-cheat-sheet