Wie verwende ich WYSIWYG-Editor Vorlagen?

Für die Pflege der Inhalte steht ein WYSIWYG-Editor zur Verfügung:

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 den Einstellungen, können pro Theme individuelle Vorlagen definiert werden. So stehen z.B. im Content Manager je nach zugewiesenem Theme, dessen spezifischen Vorlagen zur Nutzung bereit.

Die Vorlagen werden im jeweiligen Theme in der Datei Wysiwyg.yml definiert.

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>

Verhalten bei Übernahme

Unter Administration > Grundeinstellungen > WYSIWYG > Einstellungen kann mit der Option Aktuellen Inhalt ersetzen das Verhalten bei der Auswahl einer Vorlage im WYSIWYG-Editor definiert werden: