Beheben von Problemen mit der Schaltfläche für den Rich-Text-Editor nach der Migration auf CoralUI3

Die Migration benutzerdefinierter Dialogfelder und Client-Bibliotheken von CoralUI2 zu CoralUI3 in Adobe Experience Manager as a Cloud Service (AEMaaCS) führt dazu, dass Rich-Text-Editor-Schaltflächen für Schriftart, Größe und Farbe nicht mehr funktionieren. Dieses Problem tritt auf, wenn Entwickler Ressourcentypen aktualisieren, ohne die Kompatibilität mit CoralUI3 zu überprüfen. Um das Problem zu beheben, überprüfen und aktualisieren Sie alle benutzerdefinierten Dialogfelder und Client-Bibliotheken manuell, um die CoralUI3-Kompatibilität zu gewährleisten.

Beschreibung description

Umgebung

  • Product: Adobe Experience Manager as a Cloud Service (AEMaaCS) - Sites
  • Szenario: Migration aus granite/ui/components/foundation to granite/ui/components/coral/foundation

Problem/Symptome

  • Nach der Migration von CoralUI2 zu CoralUI3 können Rich-Text-Editor-Schaltflächen für Schriftart, Größe und Farbe die Änderungen nicht übernehmen.
  • Durch die Aktualisierung sling:resourceType Werte von Foundation-Komponenten auf Coral Foundation-Komponenten wird die Formatierungsfunktion in Dialogfeldern unterbrochen.
  • Benutzerdefinierte Dialogfelder und Client-Bibliotheken, die auf CoralUI2-Komponenten verweisen, funktionieren nach der Migration nicht mehr wie erwartet.
  • Rich-Text-Editor-Funktionen werden angezeigt, führen jedoch keine Formatierungsaktionen in migrierten Dialogfeldern aus.

Auflösung resolution

Führen Sie zur Behebung des Problems folgende Schritte aus:

  1. Lesen Sie die offizielle Migrationsdokumentation von CoralUI2 zu CoralUI3, um die erforderlichen Änderungen und unterstützten Komponenten zu erfahren.
  2. Überprüfen Sie jedes benutzerdefinierte Dialogfeld und jede Implementierung der Client-Bibliothek, um die Kompatibilität mit CoralUI3-Standards zu bestätigen.
  3. Vermeiden Sie direkte Ersetzungen von Ressourcentypen. Überprüfen Sie jede migrierte Komponente auf CoralUI3-Kompatibilität und aktualisieren Sie die zugehörigen Client-Bibliotheken, um eine ordnungsgemäße Funktionalität sicherzustellen.
  4. Refaktorieren oder ersetzen Sie alle Plug-ins oder Komponenten, die in CoralUI3 entfernt oder geändert wurden, gemäß offiziellen Empfehlungen.
  5. Testen Sie alle betroffenen Dialogfelder und Rich-Text-Editor-Funktionen gründlich, nachdem Sie manuelle Anpassungen vorgenommen haben.
  6. Testen Sie nach der Migration die Schaltflächen für Schriftart, Größe und Farbe, um sicherzustellen, dass sie ordnungsgemäß funktionieren. Bereitstellung erst nach Bestätigung der Funktionalität abschließen.

Hinweis: Einige CoralUI2-Plug-ins oder -Komponenten werden in CoralUI3 entfernt oder geändert. Informationen zu nicht unterstützten Funktionen finden Sie in der Migrationsdokumentation . Automatisierte Ersetzungen reichen nicht aus. Führen Sie eine manuelle Überprüfung durch.

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f