Sie können ein Layout erstellen, Komponenten hinzufügen (z. B. Container, Bilder, Videos und Links) und die Einstellungen der Komponenten mit wenig oder keinen Kenntnissen über HTML oder CSS (Cascading Style Sheets) anpassen. Mit dem Rich Content Editor können nicht technische Benutzer Seitenabschnitte ohne die Hilfe von IT-Benutzern oder technischen Benutzern erstellen.

Der Rich Content-Editor bietet eine Bibliothek mit Komponenten und einen Canvas-Bereich, in dem Sie Inhalte per Drag-and-Drop erstellen. Die Komponenten können einzeln bearbeitet werden, und Sie können eine Vorschau der von Ihnen erstellten Inhalte auf einem Desktop-Computer, Tablet oder Mobilgerät anzeigen, bevor Sie Ihre Inhalte für Ihre Zielgruppe verfügbar machen.

Rich-Content-Editor-Schnittstelle

Erfahren Sie mehr über die Funktionen und Fähigkeiten der Benutzeroberfläche.

1. Menüleiste Oben im Fenster befindet sich die Menüleiste. Auf der linken Seite der Menüleiste Symbole zum Ändern der Canvas-Größe in Desktop, Tablet oder Mobil. Hinweis: Um bei der Erstellung von Inhalten für alle drei Plattformen die besten Ergebnisse zu erzielen, erstellen Sie zuerst Inhalte für Desktop, dann Tablet und Mobile. Auf der rechten Seite der Menüleiste befinden sich fünf (5) Symbole: Komponenten anzeigen: In der Standardansicht der Canvas werden die Komponenten angezeigt, die Sie im Editormodus in die Canvas eingefügt haben. Diese Ansicht hilft Ihnen, Inhalte zu erstellen, indem alle Aspekte Ihrer Komponenten angezeigt werden. Wählen Sie dieses Symbol aus, um den Bearbeitungsmodus zu deaktivieren und eine Vorschau Ihres Inhalts anzuzeigen. Rückgängig machen: Macht die letzte vorgenommene Änderung rückgängig. Wiederholen: Macht die letzte Aktion rückgängig, die Sie durchgeführt haben, um die ursprünglichen Daten wiederherzustellen. Canvas leeren: Entfernt alle Elemente aus der Canvas. Code für Canvas bearbeiten: Öffnet den HTML- und CSS-Quellcode, in dem Sie den Code ändern können. Hinweis: Wenn dieses Symbol nicht angezeigt wird, bitten Sie einen Administrator, die Eigenschaft Code bearbeiten zu aktivieren. Siehe Mit Content Publishing installierte Eigenschaften 2. Leinwand Die Canvas ist der Arbeitsbereich, in dem Sie den Rich Content erstellen. Hier können Sie Module und Komponenten hinzufügen, kopieren und löschen. 3. Module Module sind vordefinierte Inhaltslayouts, die Kopfzeilen, Absatztext und Bilder enthalten. Wählen Sie aus Layouts mit drei vertikalen Karten, drei horizontalen Karten oder einer nebeneinander liegenden Konfiguration mit einem Bild rechts von einem Textblock 4. Komponenten Komponenten sind die Bausteine von Rich Content, einschließlich Spalten, Registerkarten, Trennlinien, Textfelder, Links und Schaltflächen. 5. Schaltflächen Unten rechts auf der Canvas befinden sich drei (3) Schaltflächen. Abbrechen: Löscht alle Änderungen, die Sie vor dem Speichern vorgenommen haben. Speichern: Speichert die vorgenommenen Änderungen und die Arbeitsfläche, an der Sie arbeiten, bleibt sichtbar. Speichern und beenden: Speichert Ihre Arbeit und bringt Sie zum Inhaltsformular zurück, in dem Sie eine Vorschau anzeigen, planen und Inhalte veröffentlichen können.

6. Symbolleisten Jeder Komponente, die Sie im Canvas-Bereich ablegen, ist eine Symbolleiste zugeordnet. Mit der Symbolleiste können Sie den Fokus auf eine übergeordnete Komponente verschieben, eine Komponente ziehen und verschieben, eine Komponente kopieren, eine Komponente löschen oder den HTML- und CSS-Quellcode für die Komponente öffnen, in dem Sie den Code ändern können. Hinweis: Wenn das Symbol „ Code bearbeiten “ nicht angezeigt wird, bitten Sie einen Administrator, die Eigenschaft „ Code bearbeiten “ zu aktivieren. Siehe Mit Content Publishing installierte Eigenschaften . 7. Einstellungen Nachdem Sie eine Komponente im Canvas-Bereich abgelegt haben, können Sie sie über die Registerkarte „ Einstellungen “ feintunen. Die Felder „Einstellungen“ ändern sich je nachdem, welche Komponente Sie in die Canvas einfügen. 8. Stile DieStile auf der Registerkarte „ Einstellungen “ helfen Ihnen, Ihren Block weiter zu definieren. Erweiterte Stile Sie finden sie auch auf der Registerkarte Einstellungen, die Ihnen beim Bearbeiten und Definieren Ihrer Komponente helfen. 9. Eigenschaften Verwenden Sie Eigenschaften, um Ihren Block auch unter „ Einstellungen “ weiter zu definieren.

Verwenden des Rich Content-Editors