AEM 中 TouchUI RTE 中的多个自定义插件无法正常工作

Multiple custom plugins in TouchUI RTE in AEM not working

我尝试在 TouchUI RTE 中添加两个自定义插件(图像插件和颜色选择器插件)。如果我将一个插件中的任何一个添加到 RTE,效果很好,但是当两者一起使用时,只会出现颜色选择器插件。

插件链接: http://experience-aem.blogspot.com/2015/01/aem-6-sp1-touchui-richtext-editor-color-picker-plugin.html

http://experience-aem.blogspot.com/2015/09/aem-61-touch-ui-rich-text-editor-rte-browse-insert-image.html

我需要 RTE 中的两个插件,能否请您推荐一个合适的方法?

组件无法协同工作,因为组件正在相互覆盖:CUI.rte.ui.ToolkitRegistry.register("cui", ExperienceAEM.ToolkitImpl);

实现你想要的:

  • 删除自定义 EAEMCuiToolbarBuilder 和 EAEMDialogManager classes,而不是直接扩展 CUI.rte.ui.cui.CuiToolbarBuilderCUI.rte.ui.cui.CuiDialogManager,例如CUI.rte.ui.cui.CuiDialogManager = new Class({ extend: CUI.rte.ui.cui.CuiDialogManager, ... });

  • 删除 EAEMToolkitImpl class 和 CUI.rte.ui.ToolkitRegistry.register("cui", EAEMToolkitImpl); 行,因为它似乎不再需要

  • 将颜色选择器和图像插入插件放在不同的组名中,这样它们在调用CUI.rte.plugins.PluginRegistry.register(GROUP, EAEMColorPickerPlugin);时不会发生冲突。

  • this.superClass._getUISettings(options)this.superClass.create.call(this, dialogId, config) 的调用更改为 this.inherited(arguments)

参考:http://experience-aem.blogspot.com.uy/2015/09/aem-61-touch-ui-rich-text-editor-rte-browse-insert-image.html