Bearbeiten des Quellcodes im Rich-Content-Editor

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Ändern Sie den HTML- und CSS-Quellcode für alle Elemente im Canvas oder für ein bestimmtes Element.

    Erstellen Sie das Layout mithilfe von HTML-Elementen, bearbeiten Sie direkt das CSS für ein Element, um Stile hinzuzufügen, die ansonsten in der Canvas-Oberfläche nicht verfügbar sind, oder kopieren Sie Code, um Inhalte aus anderen Quellen zu migrieren.Fügen Sie einen Rahmen um eine Zeile hinzu, und passen Sie die Schriftart des Headers an

    Funktionen und Fähigkeiten

    Gewährleisten der Portalsicherheit
    Wenn Sie im Fenster „Code bearbeiten“ auf Anwenden klicken, entfernt der Code-Editor HTML-Tags, die zur Gefährdung Ihrer Instanz verwendet werden könnten. Weitere Informationen finden Sie unter HTML sanitizer.
    Identifizieren Sie wichtigen Code
    Das Bearbeitungsfenster hebt CSS-Fragmente rot hervor, wenn sie nicht gelöscht werden sollten. Dies weist entweder auf eine Einstellung hin, die Teil des Portaldesigns ist, oder darauf, dass mehrere Elemente diesen Code verwenden.
    Wenn Sie eine CSS-Regel löschen, auf die von einem der folgenden HTML-Elemente verwiesen wird, stellt der Code-Editor die CSS-Regel außerdem wieder her:
    • Zeile
    • Zelle
    • Canvas
    • Teiler
    • Schaltfläche
    • Linkblock
    • Registerkarten
    Entfernen Sie unnötigen Code
    Wenn Sie Ihre Änderungen speichern, entfernt der Code-Editor alle nicht verwendeten CSS-Regeln.
    Wenn der Code-Editor hingegen eine CSS-Regel wiederherstellt, die Sie entfernen möchten, markieren Sie diesen Block mit CSS-Code, und klicken Sie auf die Schaltfläche CSS entfernen, um den Code-Editor zu überschreiben.
    Abbildung : 1. Beispiel für die Verwendung der Schaltfläche „CSS entfernen“.

    Im folgenden Video versucht der Benutzer, eine CSS-Regel mit der Löschtaste zu löschen, aber das System stellt den Code wieder her. Anschließend hebt der Anwender den Code hervor und klickt auf CSS entfernen, wodurch der Code erfolgreich entfernt wird.

    Der Anwender versucht nicht, eine CSS-Regel mit der Löschtaste zu löschen. Daher wird die Schaltfläche „CSS entfernen“ verwendet, die den hervorgehobenen Code entfernt
    Hinweis:
    Diese Funktion ist standardmäßig nicht verfügbar. Ein Administrator muss die Eigenschaft „Code bearbeiten“ aktivieren. Siehe Mit Content Publishing installierte Eigenschaften

    Wichtige Überlegungen

    • Das Hinzufügen von anwenderdefiniertem HTML und CSS kann Ihr Design beeinträchtigen. Gehen Sie bei der Verwendung dieser Funktion mit Vorsicht vor. Der Rich-Content-Editor verfolgt keine Änderungen im Code-Editor, daher werden die Codeänderungen durch die Schaltfläche „Rückgängig“ nicht zuverlässig rückgängig gemacht.
    • Wir empfehlen, keine HTML-Elemente (wie div oder p) zum Definieren von CSS-Regeln zu verwenden, da dies unbeabsichtigte Folgen haben kann.
      Abbildung : 2. Beispiel für ein unerwartetes Ergebnis bei Verwendung eines HTML-Elements zum Definieren einer CSS-Regel

      Im folgenden Beispiel definiert der Benutzer eine CSS-Regel für das p-Element in einer Zelle. In der Seitenvorschau gelten die Stilregeln jedoch für die P-Elemente in allen Textfeldern sowie in der Fußzeile.

      Der Anwender definiert eine CSS-Regel mithilfe des HTML-p-Elements für eine Zelle, die Regel wird jedoch auf die gesamte Seite angewendet
    • Verschiedene Browser können ein unterschiedliches Verhalten beim Kopieren/Einfügen aufweisen. Wenn das Drücken von Strg+V den Inhalt nicht wie erwartet dupliziert, klicken Sie auf das Symbol zum Duplizieren in der Komponentensymbolleiste.
    • Wenn kopierte und eingefügte Inhalte ihre Formatierung (z. B. Schriftart) nicht beibehalten und das Anpassen der Einstellungen nicht hilft, löschen Sie die Formatierung, indem Sie auf das „x“ neben dem Formatierungsfeld klicken, und legen Sie dann die Formatierung fest.Entfernen Sie die anwenderdefinierte Formatierung, indem Sie neben dem Formatierungsfeld auf „x“ klicken
    • Wenn eingefügter Inhalt beim Speichern anders angezeigt wird, ist dies wahrscheinlich darauf zurückzuführen, dass einige Skript-Tags von der HTML-Bereinigung entfernt wurden.