Orbeon 2018.1 TinyMCE 损坏/不同

Question

出于测试目的，我将 Orbeon 2017.2.2 和 Orbeon 2018.1 并排放置。表单从 eXist-db 4.3.1 加载。文本编辑器的代码如下：

<xforms:textarea mediatype="text/html" ref="." incremental="true">
    <xforms:label ref="$resources/description" class="hidden"/>
</xforms:textarea>

请注意，此代码与 Orbeon 3.9 相比没有变化，我们还没有使用 TinyMCE。

在 Orbeon 2017.2.2（见屏幕截图，左侧）中，一切似乎都很好。在 Orbeon 2018.1（见屏幕截图，右侧）中，按钮仍然可以使用，但 TineMCE woff/svg/ttf 文件丢失，因此无法正确渲染。

我在 Orbeon 2018.1 中为 TinyMCE 缺少什么？

更新：我更近了一步。我们有自己的 page-flow.xml。将 woff|svg|ttf 添加到控制器/文件行后，我现在几乎可以在 Orbeon 的 2017 和 2018 版本中看到相同的内容。不过，默认情况下，2017 版看起来仍然流畅得多。我不确定整个 lightgray TinyMCE 主题是否在 2018 年加载。

Answer 1

正如 Orbeon 2018.1 发行说明中所述，Orbeon 2017.2.2 是 TinyMCE 3 附带的最后一个版本。不太明显的是，它也是 the bigreason 皮肤附带的最后一个版本。默认的浅灰色皮肤确实和the bigreason skin的作者所相信的一样丑。虽然 Orbeon 2018.1 附带了您需要的所有插件，但它不附带其他语言或皮肤。在安装/创建这些之后，您可以使用 Orbeon documentation 中描述的自定义初始化来调用它们。

这是我的，暂时：

<xhtml:script type="text/javascript"><![CDATA[
    var TINYMCE_CUSTOM_CONFIG = {
        language:                   "en",
        skin:                       "lightgray",
        menu:                       {},
        plugins:                    "spellchecker table save paste lists link visualchars nonbreaking template fullscreen",
        toolbar:                    "undo redo | styleselect | bold italic underline | outdent indent | alignleft aligncenter alignright | bullist numlist | removeformat | link unlink | fullscreen",
        doctype:                    '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
        encoding:                   "xml",
        entity_encoding:            "raw",
        forced_root_block:          'div',
        remove_redundant_brs:       true,
        verify_html:                true,
        branding:                   false,
        editor_css:                 "",      // don't let the editor load UI CSS because that fails in portlets
        content_style:              "* {font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 12px;}",
        height:                     300,
        max_height:                 500,
        resize:                     true
    };
]]></xhtml:script>