Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung |
plugins:wrap [03.05.2024 19:41] – [WRAP ohne Attribut] Nikolaus Müller-Büchele | plugins:wrap [24.09.2024 22:14] (aktuell) – Nikolaus Müller-Büchele |
---|
<grid> | <grid> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
Alle mit diesem Plugin gestalteten Elemente werden mit einem %%<WRAP>%%-Tag umschlossen, das durch Attribute erweitert wird. | Alle mit diesem Plugin gestalteten Elemente werden mit einem ''%%<WRAP>%%''-Tag umschlossen, das durch Attribute erweitert wird. |
| |
Man unterscheidet: | Man unterscheidet: |
<grid> | <grid> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
<WRAP col3>Moderne Browse (Firefox, Chrome, Safari, ...) unterstützen Mehrspaltigkeit.\\ Schreiben Sie einfach **''%%col2%%''** für 2 Spalten, **''%%col3%%''** für 3 Spalten, **''%%col4%%''** für 4 Spalten und **''%%col5%%''** für 5 Spalten.\\ Die Inhalte werden automatisch auf die Spalten verteilt.</WRAP> | <WRAP col3>Moderne Browser (Firefox, Chrome, Safari, ...) unterstützen Mehrspaltigkeit.\\ Schreiben Sie einfach **''%%col2%%''** für 2 Spalten, **''%%col3%%''** für 3 Spalten, **''%%col4%%''** für 4 Spalten und **''%%col5%%''** für 5 Spalten.\\ Die Inhalte werden automatisch auf die Spalten verteilt.</WRAP> |
</col> | </col> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
| |
===== Boxen ===== | ===== Boxen ===== |
<grid> | |
<col sm="12" md="6"> | |
Sie können einen Box um ein ''WRAP''-Element herum erzeugen. Die erste Angabe beschreibt den Typ der Box: | Sie können einen Box um ein ''WRAP''-Element herum erzeugen. Die erste Angabe beschreibt den Typ der Box: |
* ''column'' erzeugt eine neutrale Textbox ohne Hintergrundfarbe, z. B. für mehrere Spalten mit festem Inhalt, | * ''column'' erzeugt eine neutrale Textbox ohne Hintergrundfarbe, z. B. für mehrere Spalten mit festem Inhalt, |
* ''box'' erzeugt eine Box in unauffälliger Farbe, ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' mit Signalfarben, | * ''box'' erzeugt eine Box in unauffälliger Farbe, ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' mit Signalfarben, |
* mit ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' erhält die Box eine Färbung und ein Symbol. | * mit ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' erhält die Box eine Färbung und ein Symbol. |
| <grid><col sm="12" md="6"> |
| <WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP> |
| |
Mit der Option ''round'' werden die Ecken abgerundet. | |
</col></grid> | |
<grid> | |
<col sm="12" md="6"> | |
Es kann eine Breite vorgegeben werden. Gängig sind | Es kann eine Breite vorgegeben werden. Gängig sind |
<WRAP clear></WRAP> | <WRAP clear></WRAP> |
<WRAP box round>Ohne Breitenangabe geht die Box über die gesamte Breite</WRAP> | <WRAP box round>Ohne Breitenangabe geht die Box über die gesamte Breite</WRAP> |
<WRAP box 200px center>''center'' zentriert die Box</WRAP> | <WRAP box 200px center>''center'' zentriert die Box</WRAP> |
<WRAP box 25% left>Position ''left''\\ (oder ''column'')</WRAP> <WRAP box 25% right>Position ''right''</WRAP>Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. | <WRAP box 30% left>Position ''left''\\ (oder ''column'')</WRAP> <WRAP box 20% right>Position ''right''</WRAP>Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. |
</col> | </col> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
<code> | <code> |
| <WRAP box round>Mit der Option ''round'' werden die Ecken abgerundet.</WRAP> |
| </code><code> |
<WRAP box 200px left>Pixel ''px'' für eine feste Breite,</WRAP> | <WRAP box 200px left>Pixel ''px'' für eine feste Breite,</WRAP> |
<WRAP box 50%> Prozent ''%'' für eine relative Breite.</WRAP> | <WRAP box 50%> Prozent ''%'' für eine relative Breite.</WRAP> |
<WRAP box 200px center>''center'' zentriert die Box</WRAP> | <WRAP box 200px center>''center'' zentriert die Box</WRAP> |
</code><code> | </code><code> |
<WRAP box 25% left>Position ''left'' (oder ''column'')</WRAP> | <WRAP box 30% left>Position ''left'' (oder ''column'')</WRAP> |
<WRAP box 25% right>Position ''right''</WRAP> | <WRAP box 20% right>Position ''right''</WRAP> |
Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. | Wenn die Box links oder rechts positioniert wird, wird sie von Text umflossen. |
<WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. | <WRAP clear></WRAP>Dies kann durch ein ''clear'' beendet werden. |
</code> | </code> |
</col></grid> | </col></grid> |
| |
=== Boxentypen === | === Boxentypen === |
<grid> | <grid> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
<WRAP clear></WRAP> | |
<WRAP column 25%>Textboxen mit ''column''</WRAP> | <WRAP column 25%>Textboxen mit ''column''</WRAP> |
<WRAP column 25%>die **zweite** Spalte von drei mit jeweils 25% Breite</WRAP> | <WRAP column 25%>die **zweite** Spalte von drei mit jeweils 25% Breite</WRAP> |
<WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> | <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> |
<WRAP clear></WRAP> | |
</col> | </col> |
<col sm="12" md="6"><code> | <col sm="12" md="6"><code> |
<WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> | <WRAP column 25%>die **dritte** Spalte von drei mit jeweils 25% Breite</WRAP> |
</code></col></grid> | </code></col></grid> |
| |
<grid> | <grid> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
\\ \\ | \\ \\ |
<grid> | <grid> |
<col sm="12" md="6"> | <col sm="12" md="6"><WRAP> |
<WRAP caution 70% right> | <WRAP caution 70% right> |
//**__Box, rechts positioniert und links umflossen__**// | //**__Box, rechts positioniert und links umflossen__**// |
<WRAP important round>Runde "Important"-Box, unter einem ''clear''.</WRAP> | <WRAP important round>Runde "Important"-Box, unter einem ''clear''.</WRAP> |
</WRAP> | </WRAP> |
Boxen lassen sich kombinieren und ineinander verschachteln | Boxen lassen sich kombinieren und ineinander verschachteln</WRAP> |
</col> | </col> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
\\ \\ | \\ \\ |
<wrap onlyprint>Dieser Text erscheint nicht auf dem Bildschirm, nur auf einem Ausdruck.</wrap> | <wrap onlyprint>Dieser Text erscheint nicht auf dem Bildschirm, nur auf einem Ausdruck.</wrap> |
| |
| Diese Einstellungen gelten auch für den pdf-Export über das Plugin [[plugins:dw2pdf|dw2pdf]]. |
</col> | </col> |
<col sm="12" md="6"> | <col sm="12" md="6"> |
Da ein WRAP-Block seine Inhalte nach außen abkapselt, lassen sich durch ein einfaches ''%%<WRAP>%%'' Formatierungen umsetzen, die sonst nicht möglich sind. | Da ein WRAP-Block seine Inhalte nach außen abkapselt, lassen sich durch ein einfaches ''%%<WRAP>%%'' Formatierungen umsetzen, die sonst nicht möglich sind. |
| |
**Beispiel:** in Tabellenfeldern lassen sich normalerweise keine Listen anlegen, weil ein Listenpukte mit einem Zeilenumbruch abgeschlossen wird, der aber auch zu einer neuen Reihe in einer Tabelle führt. Ist die Liste innerhalb eines WRAP-Blocks, wird der Zeilenumbruch dort als "Ende einer Listenzeile" verarbeitet, aber in der umliegenden Tabelle nicht als "Ende der Reihe" ausgewertet: | **Beispiel:** in Tabellenfeldern lassen sich normalerweise keine Listen anlegen, weil ein Listenpukte mit einem Zeilenumbruch abgeschlossen werden muss, der aber auch zu einer neuen Reihe in einer Tabelle führen würde. Ist die Liste innerhalb eines WRAP-Blocks, wird der Zeilenumbruch dort als "Ende einer Listenzeile" verarbeitet, aber in der umliegenden Tabelle nicht als "Ende der Reihe" ausgewertet: |
| |
<grid> | <grid> |