Quellcode wird im Rich-Inhalts-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 das CSS für ein Element direkt, um einen Stil hinzuzufügen, der sonst in der Canvas-Oberfläche nicht verfügbar ist, 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 Entfernen Sie CSS 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 Entfernen Sie CSS , 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 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 vorsichtig vor. Der Rich-Inhalts-Editor verfolgt keine Änderungen im Code-Editor, daher die 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 bei Verwendung eines HTML-Elements zum Definieren der CSS-Regel

  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 Verhaltensweisen beim Kopieren/Einfügen 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 auf das „x“ neben dem Stilfeld klicken, und legen Sie den Stil fest.
• Wenn eingefügter Inhalt beim Speichern anders angezeigt wird, liegt dies wahrscheinlich daran, dass einige Skript-Tags vom HTML-Bereinigungsgerät entfernt wurden.