在TinyMCE中使用自定义外观来处理流程Vaadin组件时遇到问题

问题描述

我正在一个项目中，我正在使用vaadin组件“ TinyMCE for flow”（https://vaadin.com/directory/component/tinymce-for-flow），并且该组件利用了setConfig方法，该方法为json带有字符串参数，您将使用该参数配置常规tinymce的init将配置的特殊选项。我找到了该组件使用的（4.9）版本的tinymce的自定义外观，并使用setConfig函数如下配置skin_url属性：

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

皮肤文件charcoal与我在其中调用此方法的文件位于同一目录中。我在设置组件外观时使用了不正确的方法吗？我也尝试过使用皮肤文件的完整文件路径，但这还没有解决，所有这一切都只是返回了一个不可见的tinyMCE编辑器。知道这里会发生什么吗？

（注意：此组件使用的是tinyMCE 4.9，而不是5。意味着，id尝试使用新的内置暗模式功能，但该组件不可用）

解决方法

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