Kopieren und Einfügen im Rich-Inhalts-Editor

Kopieren Sie HTML- und CSS-Quellcode für Elemente im Canvas, und fügen Sie sie ein.

Direkt Bearbeiten Sie das CSS Für ein Element zum Hinzufügen von Stilen oder zum Kopieren und Einfügen von Code, um Inhalte aus anderen Quellen zu migrieren.

Wichtig:

Für Release Mai 2025, wenn ein eingefügter Inhalt einen hat Hintergrundfarbe , Im rechten Bereich wird die Farbe nur angezeigt, wenn sie mit formatiert ist Hintergrundbildstil . Der Hintergrund fungiert als hinzuzufügende Ebenen Hintergrundfarbe , Verlauf , Und Bild Zu Ihrem Inhalt. Die Funktion „Code bearbeiten“ kann verwendet werden, um den eingefügten Stil aus anzupassen Hintergrundfarbe Auf den entsprechenden Wert für Hintergrundbild-CSS , Wenn die Farbe im rechten Bereich angezeigt werden soll.

Tipp:

Die Farbdeckkraft-Funktionalität ist eine neue Funktion und wird in keinem früheren Release unterstützt.

Einschränkungen

• Browser können aufgrund von Unterschieden in den Browserfunktionen unterschiedliche Verhaltensweisen beim Kopieren und Einfügen anzeigen.

• Das Kopieren einer Komponente auf Canvas wird nicht wie erwartet in strg+V dupliziert, daher müssen Sie auf zugreifen Komponentensymbolleiste .

Abbildung : 1. Komponentensymbolleiste

Hinweis:

Sie können der Canvas auch Farbdeckkraft hinzufügen. Eine der Einschränkungen besteht jedoch darin, dass beim Kopieren/Einfügen nicht alle Stile übertragen werden, wenn die Farben in formatiert werden rgba() Anstelle von rgb Oder Hex .

• Das Einfügen von hervorgehobenem Text wird in Textkomponenten nicht unterstützt, daher funktionieren Verhaltensweisen, die in Chrome funktionieren, möglicherweise nicht in Firefox oder Safari.

• Wir empfehlen, Farben von eingefügten Inhalten in hinzuzufügen Hex-Code Format ( #Rrggbbaa Um Deckkraft hinzuzufügen, oder können Sie verwenden #Rrggbb ).

  • Das Hash-Tag (#) ist erforderlich.
  • Hex-Codes beginnen mit einem Rautenzeichen oder Hash-Tag (#), gefolgt von 6 Buchstaben, wenn keine Farbdeckkraft vorhanden ist, oder 8 Buchstaben, wenn Farbdeckkraft vorhanden ist.
  • Die 8-stellige Syntax funktioniert nur, wenn sie dem Element CSS über die Funktion „Code bearbeiten“ hinzugefügt wird. Das Farbeingabefeld im rechten Bereich akzeptiert nur 6-stellige Syntax.
• Sie können auch das Modal „Code bearbeiten“ öffnen, um anzupassen rgba() Farben der Komponente, die den HEX-Code enthält, um den Stil widerzuspiegeln.

Wenn bestimmte Stile nicht angewendet werden (z. B. Schriftartname) oder eine der Einstellungen für den eingefügten Inhalt nicht angepasst werden kann, versuchen Sie zuerst, den Stil zu löschen, indem Sie „ auswählen X „ Neben Schriftartname .

Abbildung : 2. Name der Schriftart

• Wenn Ihr eingefügter Inhalt nicht wie erwartet angezeigt wird oder sich falsch verhält, versuchen Sie, einen kleineren Block anstelle eines großen Abschnitts gleichzeitig zu kopieren.
• • Wenn Ihr eingefügter Inhalt vor und nach dem Speichern und Neuladen unterschiedlich angezeigt wird, kann dies an einigen Skript-Tags liegen, die vom HTML-Bereinigungsgerät entfernt wurden.

Abgewählte Bereiche

• Wenn Sie auswählen Rosa Bereiche, hebt die Auswahl einer Komponente auf, die im Canvas ausgewählt ist.

• Wenn Sie auswählen Grün Bereiche wird die aktuelle Komponente ausgewählt.

Abbildung : 3. Canvas Des Rich-Content-Editors

Hinweis:

Das Ausschneiden und Einfügen von hervorgehobenem Text wird in Textkomponenten nicht unterstützt, und die Experiences in Browsern verhalten sich möglicherweise anders. Verhaltensweisen, die in Chrome funktionieren, funktionieren möglicherweise nicht in Firefox oder Safari.

Zusätzliche Rich-Content-Aktionen und -Verhaltensweisen

Hinweis:

Inhaltsmanager und Administratoren haben die Möglichkeit, Hintergrundfarben auf ausgewählte Canvas-Elemente, einschließlich Bilder, anzuwenden. Verfügbare Funktionen umfassen die Verwendung von einfarbigen Farben und Farbverläufen sowie Anpassungen der Farbdeckkraft. Auf diese Einstellungen kann im rechten Bereich auf der Registerkarte „Einstellungen – Stil“ zugegriffen werden, wenn einem Canvas-Element Rich Content hinzugefügt wird.

Die Möglichkeit, der Canvas Farbdeckkraft hinzuzufügen, ist eine nützliche Funktion, die Ihnen zur Verfügung steht. Die einzige Einschränkung besteht darin, dass sich die Formatierung der Kopier- und Einfügefunktion unterscheidet, wenn die Farben in rgba() anstelle von rgb oder Hex formatiert sind.

• Fügen Sie Farben im Hex-Code-Format hinzu ( #Rrggbbaa Um Opazität oder nur hinzuzufügen #Rrggbb ).
• Öffnen Sie das Modal „Code bearbeiten“, um die rgba()-Farben der Komponente an den HEX-Code anzupassen, um den Stil wiederzugeben.
• Farbdeckkraft zeigt die Optionen für Farbverlauf und Farbebene an. Da die Hintergrundbildebene zuerst ist, ist die Deckkraft nicht relevant. Der Farbverlauf ist standardmäßig FFFFFF und OOOOOO.

• Das Element „Hintergrundfarbe für Canvas“ zeigt die Hintergrundoptionen für Farbverlauf, Farbe und Bild an. Aktivieren Sie diese Option, und wählen Sie dann Hintergrundoptionen aus.

Hinweis:

Inhalt wird am Ende der Canvas eingefügt, wenn keine Komponente ausgewählt ist.

• Wenn eine Komponente ausgewählt ist, wird der Inhalt darunter eingefügt.
• Wenn eine Komponente bearbeitet wird, tritt das folgende Einfügeverhalten auf:
  • Wenn die Quelle nur-Text ist, wird der Inhalt in die aktuelle Komponente eingefügt und stimmt den eingefügten Text mit dem Zielstil überein.
  • Wenn die Quelle formatiert ist, wird sie unter der aktuellsten Komponente angehängt.
  • Wenn die Komponente geschachtelte Komponenten aktiviert (z. B. Registerkarte, Akkordeon oder Zeile), wird der Inhalt im übergeordneten Container angehängt.
• Wenn Komponenten deaktiviert werden, wenn sie aus der Canvas ausgewählt werden, wird das Einfügen mit Quellformatierung aktiviert.

Weitere Informationen zum Bearbeiten des Quellcodes finden Sie unter Quellcode wird im Rich-Inhalts-Editor bearbeitet