...
hidden | true |
---|
Für die Pflege der Inhalte Inhaltsbewirtschaftung steht bei Cloudrexx ein WYSIWYG-Editor zur Verfügung:
...
Info |
---|
Cloudrexx verwendet den freien, webbasierten WYSIWYG-HTML-Editor CKEditor. |
...
Der WYSIWYG-Editor verfügt über Vorlagen, sogenannte Bausteine, mit welchen auf einfache Art und Weise neuer Inhalt erstellt werden kann.
...
:
...
Vorlage bearbeiten
Die Vorlagen des WYSIWYG-Editors können bei Cloudrexx bearbeitet werden. Öffnen Sie dazu den Bereich Administration > Grundeinstellungen > WYSIWYG:
...
In der Übersicht sehen Sie alle bestehenden Vorlagen. Sie haben hier die Möglichkeit neue Vorlagen hinzuzufügen oder bestehende Vorlagen zu deaktivieren, zu editieren oder zu löschen.
Bei der Erfassung einer neuen Vorlage oder Bearbeitung einer Bestehenden, kann nebst der eigentlichen Vorlage (HTML-Code), ein Titel, eine Beschreibung, sowie ein Vorschaubbild zur einfachen Wiederauffindung definiert werden:
...
...
Vorlage pro
...
Theme
Alternativ zur Erfassung und Pflege der Vorlagen in der Adminkonsoleden Einstellungen, können pro Webdesign Template Theme individuelle Vorlagen definiert werden. So stehen z.B. im Content Manager je nach aktuell (der zu bearbeitenden Inhaltsseite) zugewiesenem Webdesign Templatezugewiesenem Theme, dessen spezifischen Vorlagen zur Nutzung bereit.
Die Vorlagen werden im jeweiligen Webdesign Template Theme in der Datei Wysiwyg.yml (Ablage im Hauptverzeichnis des Webdesign Templates) definiert. Die Datei nutzt das folgende YAML-Format definiert:
Codeblock | ||
---|---|---|
| ||
Templates: - title: Bild und Titel image: /images/Wysiwyg/template1.gif description: Bild mit einem Titel und Text, der das Bild umfliesst. html: <h3><img src=" " alt="" style="margin-right: 10px" height="100" width="100" align="left" />Hier den Titel einfügen</h3><p>Hier den Text einfügen</p> - title: Zwei Spalten mit Titel image: /images/Wysiwyg/template2.gif description: Zwei Spalten, die beide einen Titel und Text beinhalten. html: <div class="row"><div class="col-md-6"><h2>Hier den Titel einfügen</h2>Hier den Text einfügen <br/> </div><div class="col-md-6"><h2 >Title</h2>Hier den Text einfügen <br/></div></div>Text goes here - title: Text und Tabelle image: /images/Wysiwyg/template3.gif description: Ein Titel mit Text und einer Tabelle. html: <div style="width: 80%"><h3>Hier den Titel einfügen</h3><table style="width:150px;float: right" cellspacing="0" cellpadding="0" border="1"><caption style="border:solid 1px black"><strong> Hier den Tabellentitel einfügen</strong></caption><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table><p>Type the text here</p></div> |
Konfiguration
...
Verhalten bei Übernahme
Unter Administration > Grundeinstellungen > WYSIWYG > Einstellungen kann mit der Option Aktuellen Inhalt im WYSIWYG ersetzen das Standard-Verhalten der Option Aktuellen Inhalt ersetzen bei der Auswahl einer Vorlage im WYSIWYG-Editor definiert werden:
...