Mehrere benutzerdefinierte Plugins in TouchUI RTE in AEM funktioniert nicht

Question

Ich habe versucht, zwei benutzerdefinierte Plugins in TouchUI RTE (Image Plugin und Colorpicker Plugin). Wenn ich eines der beiden Plugins zu RTE hinzufüge, funktioniert das gut, aber wenn beide zusammen sind, wird nur das Farbauswahl-Plugin angezeigt.

Plugin Links: 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

Ich brauche beide Plugins in RTE, Könnten Sie bitte einen geeigneten Ansatz vorschlagen?

Answer 1

Die Komponenten funktionieren nicht zusammen, weil Komponenten einander überschreiben: CUI.rte.ui.ToolkitRegistry.register("cui", ExperienceAEM.ToolkitImpl);

Um das zu erreichen, was Sie wollen:

• Entfernen Sie die benutzerdefinierte EAEMCuiToolbarBuilder und EAEMDialogManager Klassen statt erstreckt CUI.rte.ui.cui.CuiToolbarBuilder und CUI.rte.ui.cui.CuiDialogManager direkt zB CUI.rte.ui.cui.CuiDialogManager = new Class({ extend: CUI.rte.ui.cui.CuiDialogManager, ... });

• die EAEMToolkitImpl Klasse entfernen und die Zeile CUI.rte.ui.ToolkitRegistry.register("cui", EAEMToolkitImpl); wie es notwendig erscheint, nicht mehr

• Legen Sie die Colorpicker und Bild einfügen Plugins in verschiedene Gruppennamen, so dass sie kollidieren nicht, wenn CUI.rte.plugins.PluginRegistry.register(GROUP, EAEMColorPickerPlugin); genannt wird.

• ändern Anrufe von this.superClass._getUISettings(options) und this.superClass.create.call(this, dialogId, config) zu this.inherited(arguments)

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