Quellcode wird im Rich Content-Editor bearbeitet

Ä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 die CSS für ein Element direkt, um Stile hinzuzufügen, die sonst in der Canvas-Oberfläche nicht verfügbar sind, oder kopieren Sie Code, um Inhalte aus anderen Quellen zu migrieren.

Funktionen und Fähigkeiten

Stellen Sie die Portalsicherheit sicher

Wenn Sie auf klicken Anwenden Im Fenster „Code bearbeiten“ 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 sollen. Dies gibt entweder eine Einstellung an, die Teil des Portaldesigns ist, oder dass mehrere Elemente diesen Code verwenden.

Wenn Sie außerdem eine CSS-Regel löschen, auf die von einem der folgenden HTML-Elemente verwiesen wird, setzt der Code-Editor die CSS-Regel erneut ein:

• 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 eine CSS-Regel, die Sie entfernen möchten, erneut instandsetzt, markieren Sie diesen CSS-Code-Block, und klicken Sie auf CSS entfernen Schaltfläche zum Überschreiben des Code-Editors.

Abbildung : 1. Beispiel für die Verwendung der Schaltfläche „CSS entfernen“

Im folgenden Video versucht der Anwender, eine CSS-Regel mit dem Löschschlüssel zu löschen, aber das System setzt den Code wieder ein. Als Nächstes hebt der Anwender den Code hervor und klickt auf CSS entfernen , Wodurch der Code erfolgreich entfernt wird.

Hinweis:

Diese Funktion ist standardmäßig nicht verfügbar. Ein Administrator muss aktivieren Bearbeiten Sie den Code Eigenschaft. Siehe Mit Inhaltsveröffentlichung 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 nach, daher Rückgängig Machen Durch die Schaltfläche werden die Codeänderungen nicht zuverlässig rückgängig gemacht.
• Wir empfehlen nicht, HTML-Elemente (z. B. div oder p) zum Definieren von CSS-Regeln zu verwenden, da dies unbeabsichtigte Konsequenzen haben kann.

  Abbildung : 2. Beispiel für ein unerwartetes Ergebnis, wenn ein HTML-Element zum Definieren der CSS-Regel verwendet wird

  Im folgenden Beispiel definiert der Anwender 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.

  

• Verschiedene Browser können unterschiedliche Kopier-/Einfügeverhalten aufweisen. Wenn durch Drücken von Strg+V der Inhalt nicht wie erwartet dupliziert wird, klicken Sie in der Komponentensymbolleiste auf das Duplikatsymbol.
• Wenn beim Kopieren eingefügter Inhalte der Stil (z. B. Schriftart) nicht beibehalten wird und das Anpassen der Einstellungen nicht hilft, löschen Sie den Stil, indem Sie neben dem Stilfeld auf das „x“ klicken, und legen Sie dann den Stil fest.
• Wenn eingefügte Inhalte anders gespeichert werden, liegt dies wahrscheinlich daran, dass einige Skript-Tags vom HTML-Bereinigungsgerät entfernt werden.