Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

Droplets Div-Start & Div-End

Mit Droplets einen Div-Container erzeugen

 

Ziel ist es, ohne in den Quelltext wechseln zu müssen, im Editor ein sichtbares Div zu erzeugen.
Dem Div kann eine ID, eine CLASS und/oder ein STYLE mitgegeben werden.
 

Beispiel 1 simpel

[[Div-Start]]
 Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext
[[Div-End]]


Ergebnis im Quelltext

<div>Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext</div>

 


 

Beispiel 2 mit id und class

[[Div-Start?id=onkel&class=franky]]
 Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext
[[Div-End]]


Ergebnis im Quelltext

<div class="franky" id="onkel">
    Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext
</div>

 


 

Beispiel 3 mit id, class und style

[[div-start?id=irgendwas&class=klasse&style=text-align:center;color:#2164aa;]]

 Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext

[[div-end]]


Ergebnis im Quelltext

<div class="klasse" id="irgendwas" style="text-align:center;color:#2164aa;">
              Fülltext Fülltext Fülltext Fülltext Fülltext Fülltext
</div>


 

Wichtig: um über mehrere Abschnitte hinweg ein Div zu erzeugen...
muss ab WB 2.8.3 SP7 dazu ein none eingetragen werden unter:
Optionen > Erweiterte Optionen > Servereinstellungen > Abschnitts-Anker Text
Ansonsten wird um jeden Abschnitt ein eigenes Div gelegt.

Seit WB 2.13 kann man auch an jedem Abschnitt direkt entscheiden ob es ein umschließendes Div geben soll (Zahnrad-Symbol rechts oben am Abschnitt). Das muss natürlich auch deaktiviert sein.


Die beiden Dropets sind auf der Downloadseite zu finden und können importiert werden, falls deine Version des Droplets-Modul dies unterstützt (seit WebsiteBaker 2.8.3 SP6 ist das Standard).