Codes

Editierbare (Text-)Bereiche

<div class="editable">
<section class="editable">
Texte können umfangreich editiert & formatiert werden.


<p class="editable_line">
<h1 class="editable_line">
<h2 class="editable_line">
...
<h6 class="editable_line">
Texte können im begrenzten Maße editiert & formatiert werden.


Bilder

<img src="x.jpg" class="editable_image">
Das Bild wird auf Größe des Ursprungsbildes beschnitten.

<img src="x.jpg" class="editable_image" data-option="fixed_width">
Das Bild wird proportional skaliert. Die Breite des Ursprungsbildes wird übernommen.

<img src="x.jpg" class="editable_image" data-option="fixed_height">
Das Bild wird proportional skaliert. Die Höhe des Ursprungsbildes wird übernommen.

<img src="x.jpg" class="editable_image" data-option="fixed_width" data-width="600">
Das Bild wird, unabhängig von der dargestellten Größe, proportional auf eine Breite von 600px skaliert.

<img src="x.jpg" class="editable_image" data-option="fixed_height" data-height="600">
Das Bild wird, unabhängig von der dargestellten Größe, proportional auf eine Höhe von 600px skaliert.


<img src="x.jpg" class="editable_image" data-type="thumb_and_big_image">
Es wird eine große Version des Bildes erzeugt und darauf verlinkt.


Bild-Links

<a href="beispiel.html" class="editable_image_link"><img src="img/01.jpg" class="editable_image"></a>
Bilder können wie oben beschrieben edititiert werden - zuaätzlich kann der Link auf dem Bild editiert werden. (Demo)


wiederkehrende Inhaltsbereiche

<div class="content_section_wrap" data-cs-src="cse/news_section.html" data-cs-title="Newsmeldung hinzufügen" data-cs-pos="draggable">
...
</div>

... data-cs-pos="top"
neue Inhaltsbereiche können nur oben eingefügt werden

... data-cs-pos="bottom"
neue Inhaltsbereiche können nur unten eingefügt werden

... data-cs-pos="any"
neue Inhaltsbereiche können an beliebiger Stelle eingefügt werden

... data-cs-pos="draggable"
neue Inhaltsbereiche werden oben eingefügt, können aber jederzeit per drag&drop neu angeordnet werden

bereits bestehende Inhaltsbereiche sollten mit <div class="content_section_item"> umschlossen werden


Shortcuts

cmd + s speichern
cmd + i HTML-Code bearbeiten