Orbeon 2018.1 TinyMCE损坏/不同

时间:2018-09-10 09:48:06

标签: tinymce orbeon xforms

为了测试目的,我并排安装了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缺少什么?

Before page-flow update Orbeon 2017.2.2 left, Orbeon 2018.1 right

更新:我离我们只有一步之遥。我们有自己的page-flow.xml。将woff | svg | ttf添加到controller / files行之后,现在几乎可以在Orbeon的2017年和2018年版中看到相同的内容。默认情况下,2017年版仍然看起来更加流畅。我不确定2018年是否会加载整个浅灰色的TinyMCE主题。

After page-flow update Orbeon 2017.2.2 left, Orbeon 2018.1 right

1 个答案:

答案 0 :(得分:2)

如Orbeon 2018.1发行说明中所述,Orbeon 2017.2.2是TinyMCE 3附带的最新版本。并不是很明显,它也是thebigreason皮肤附带的最新版本。默认的浅灰色皮肤确实像thebigreason皮肤的作者所认为的那样丑陋。尽管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>