Updates für den TinyMCE 5 HTML-Editor

Bei Änderungen von TinyMCE 4 an TinyMCE 5 müssen Sie möglicherweise Aktualisierungen vornehmen, um die Funktionalität des TinyMCE-HTML-Editors beizubehalten. Wenn Sie in früheren Releases einen Widget Angular Provider verwendet haben, um den Editor in Serviceportal -Widgets zu ändern, überprüfen Sie diese Änderungen, und nehmen Sie die entsprechenden Aktualisierungen vor.

Änderungen, die benutzerdefinierte TinyMCE-Implementierungen beeinträchtigen können

Einige Änderungen können benutzerdefinierte TinyMCE-Implementierungen in Serviceportalbeeinträchtigen.

Beachten Sie die folgenden Änderungen an Designs und Designs:

• Das moderne Design wird nicht unterstützt. Verwenden Sie stattdessen das Silberdesign.
• Die hellgraue Haut wird nicht unterstützt. Die Standard-Skin ist „Oxid“.

  Die sn-editor-themen- oder sn-editor-Skins können ebenfalls verwendet werden. Die sn-editor-designte Haut verwendet NDS-Designvariablen (Now Design System), und sn-editor verwendet hartcodierte Werte.

  Hinweis:

  Um den Stil der hellgrauen Haut beizubehalten, verwenden Sie den folgenden Code in Ihrem Stylesheet:

  .tox .tox-toolbar-overlord {
        background-color: #f0f0f0 !important; 
     } 

Beachten Sie die folgenden Änderungen an Namespaces für API-Methoden in Serviceportal:

San Diego	Tokyo
ed.hinzufügenSchaltfläche	ed.ui.registry.addButton
beim Klicken	onAction

Weitere Informationen finden Sie in der Tiny MCE5-Dokumentation Migration von TinyMCE 4 zu TinyMCE 5.

Zusätzliche Änderungen

Die folgenden Änderungen können sich auf benutzerdefinierte TinyMCE-Implementierungen in Serviceportalauswirken:

• Das Browser-Kontextmenü für Funktionen wie Kopieren und Einfügen ist verfügbar, indem Sie Strg + Klicken für Windows oder Befehlstaste + Klicken für Mac auf Ihrer Tastatur auswählen. Wenn Sie mit der rechten Maustaste klicken, wird die Option Link anstelle des Kontextmenüs des Browsers geöffnet.
• HTML-Platzhalter werden nicht unterstützt. Es werden nur zeichenfolgenbasierte Platzhalter unterstützt.
• Das benutzerdefinierte schreibgeschützte Plugin ist standardmäßig nicht verfügbar. Sie müssen readonlynoboard zu glide.ui.html.editor.v5.enabled_plugins hinzufügen.

• Mit der neuen Systemeigenschaft glide.ui.html.editor.default_link_target können Sie einen Standardzielwert für Links festlegen. Die Zeichenfolgenwerte umfassen: „_blank“, „“, „_self“und „_top“. Der Standardzielwert ist „“.

• Mit der Option zur Größenänderung wird die Größe der Symbolleiste zusätzlich zum Editor geändert. Fügen Sie die Option min_height hinzu, um zu verhindern, dass die Größenänderung auf die Symbolleiste angewendet wird.
• Die Größenänderung wird für Mobilgeräte nicht unterstützt.
• Die Option Toolbar_mode ist für Desktop standardmäßig auf Floating und nicht für Wrapfestgelegt. Ändern Sie diese Einstellung, um die Standarddarstellung von TinyMCE 4 wiederherzustellen.
• Die Option „toolbar_mode “ ist für Mobilgeräte standardmäßig auf „ scrollen “ und nicht auf „ wrapping“ festgelegt. Ändern Sie diese Einstellung für Mobilgeräte, um die Darstellung von TinyMCE 4 beizubehalten.
• Die Höhenoption berücksichtigt die gesamte Höhe des Editors und wurde aktualisiert, um 39 Pixel für die Symbolleiste und 18 Pixel für die Statusleiste hinzuzufügen.
  Hinweis:

  Wenn die Höhe nicht richtig eingestellt ist, kann eine unnötige Bildlaufleiste angezeigt werden.
• Das Plugin „sn_mentions“ verwendet das sn-editor-Skin. Die sn-editor-Design-Skin wird ebenfalls unterstützt.
• Die Kontextmenüoption enthält standardmäßig nur eine Linkoption. Fügen Sie contextmenu:false hinzu, um die Darstellung von TinyMCE 4 beizubehalten.
• Die Werte der Option „ fontsize_formats “ werden durch ein Leerzeichen getrennt, wie in „fontsize_formats“: '7pt 7.5pt 8pt 10pt 12pt 14pt 18pt 24pt 36pt'. Vertikale Balken (|) sind nicht mehr erforderlich.
• Das PowerPaste-Plugin befindet sich in der Plugin -Optionsliste und nicht in der Optionsliste für externe Plugins.

  San Diego	Tokyo
  external_plugins: { powerpaste: '/scripts/tinymce4_4_3/plugins/powerpaste/plugin.min.js?sysparm_substitute=false' },	plugins: "lists code link powerpaste"

• Die folgenden zusätzlichen Sprachen werden unterstützt: Französisch-Kanadisch (fq), Ungarisch (hu), Thai (th) und Türkisch (tr). Sie können die Sprachenliste wie folgt aktualisieren, um diese Sprachen einzubeziehen:

  var langs = 'cs,de,en,es,fi,fr,fq,he,hu,it,ja,ko,nl,pl,pt,ru,th,tr,zh,zt';

• CSS-Stile, die mit dem mce- Namespace angewendet werden, werden nicht unterstützt. Verwenden Sie stattdessen die neuen CSS-Klassen.
• Fügen Sie das Listen-Plugin der Plugin -Optionsliste hinzu, um nummerierte Listen oder Aufzählungslisten verwenden zu können.