wiki:hilfe:plugins:standard:wrap
Sie befinden sich in der bearbeitbaren Version des Einsatzleiterwiki-Projekts. Klicken Sie hier für allgemeine Informationen zum Projekt.
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
wiki:hilfe:plugins:wrap [27.02.2015 22:23] – angelegt christoph_ziehr | wiki:hilfe:plugins:standard:wrap [13.10.2019 13:17] (aktuell) – christoph_ziehr | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ====== | + | ====== |
- | Das Wrap-Plugin bietet weitergehende Gestaltungsmöglichkeiten gegenüber dem Standard-DokuWiki-Editor bzw. dem CKG-Editor. Beachten Sie, dass die auf dieser Seite genannten Kommandos im ckgedit-Editor nicht direkt angezeigt und erst nach dem Speichern sichtbar werden. Daher empfiehlt sich für die Nutzung dieser Kommandos die Nutzung des Standard-DokuWiki-Editors. | + | Das Wrap-Plugin bietet weitergehende Gestaltungsmöglichkeiten gegenüber dem Standard-DokuWiki-Editor bzw. dem CKG-Editor. |
+ | |||
+ | Beachten Sie, dass die auf dieser Seite genannten Kommandos im ckgedit-Editor nicht direkt angezeigt und erst nach dem Speichern sichtbar werden. Daher empfiehlt sich für die Nutzung dieser Kommandos die Nutzung des Standard-DokuWiki-Editors, da hier mit einem Klick auf den // | ||
===== Grundlegender Syntax ===== | ===== Grundlegender Syntax ===== | ||
Zeile 19: | Zeile 21: | ||
* **mehrspaltige Layouts** | * **mehrspaltige Layouts** | ||
* und **Breitenangaben** | * und **Breitenangaben** | ||
- | wenn der zugehörige wrap nicht ebenfalls umflossen wird. | + | |
+ | wenn das zugehörige wrap nicht ebenfalls umflossen wird. | ||
===== Klassen und Stile ===== | ===== Klassen und Stile ===== | ||
Zeile 29: | Zeile 32: | ||
<WRAP column 30%> | <WRAP column 30%> | ||
- | //**__Imitierte Hauptüberschrift__**// | + | Dieser Text befindet sich in der **ersten** Spalte von drei Spalten mit jeweils 30% Breite. |
+ | </WRAP> | ||
- | Mit folgendem Code können Sie eine große Überschrift mit kursivem, fettgedrucktem und unterstrichenem Text imitieren: | + | <WRAP column 30%> |
- | <code>//**__Imitierte Hauptüberschrift__**//</code> | + | Dieser Text befindet sich in der **zweiten** Spalte von drei Spalten mit jeweils 30% Breite. |
+ | </WRAP> | ||
- | //**Imitierte untergeordnete Überschrift**// | + | <WRAP column 30%> |
+ | Dieser Text befindet sich in der **dritten** Spalte von drei Spalten mit jeweils 30% Breite. | ||
+ | </WRAP> | ||
- | Eine untergeordnete Überschrift ist nicht unterstrichen: | + | < |
- | < | + | <WRAP column 30%> |
+ | Dieser Text befindet sich in der **ersten** Spalte von drei Spalten mit jeweils 30% Breite. | ||
+ | </WRAP> | ||
- | Kursive und gleichzeitig fettgedruckte Schrift (keine imitierte Überschrift) wird ganz normal erzeugt: | + | <WRAP column 30%> |
- | <code>**//Kursiv und fettgedruckte Schrift//**</ | + | Dieser Text befindet sich in der **zweiten** Spalte von drei Spalten mit jeweils 30% Breite. |
</ | </ | ||
<WRAP column 30%> | <WRAP column 30%> | ||
- | //**__Verschiedene Umfließungen__**// | + | Dieser Text befindet sich in der **dritten** Spalte von drei Spalten mit jeweils 30% Breite. |
+ | </WRAP> | ||
+ | </code> | ||
- | Normalerweise ist die Angabe '' | + | === Verschiedene Umfließungen === |
+ | |||
+ | Normalerweise ist die Angabe '' | ||
* **'' | * **'' | ||
Zeile 53: | Zeile 66: | ||
* **'' | * **'' | ||
- | </ | + | === Breiten === |
- | + | ||
- | <WRAP column 30%> | + | |
- | // | + | |
Sie können eine beliebige gültige Breitenanangabe nutzen (aber nur bei WRAP). Gültige Breitenangaben können in folgenden Maßeinheiten angegeben werden: '' | Sie können eine beliebige gültige Breitenanangabe nutzen (aber nur bei WRAP). Gültige Breitenangaben können in folgenden Maßeinheiten angegeben werden: '' | ||
Zeile 73: | Zeile 83: | ||
nach der letzten Spalte/Box. | nach der letzten Spalte/Box. | ||
- | You **can** use the same options with spans (as each element that floats is automatically a block level element), but it probably doesn' | + | Diese Optionen können auch mit mit einem kleinen '' |
- | :!: Attention: Widths can cause problems and will often look different and break in some browsers. If you're not a web developer, you might not understand any problems regarding the [[http:// | + | :!: Achtung: Breitenangaben können Probleme verursachen, |
- | All of those options will also work in the [[#boxes and notes]] wraps (see below). | + | Alle diese Optionen funktionieren auch in den [[#boxen_und_notizen|Boxen und Notizen]] (siehe unten). |
- | === Multi-columns | + | === Mehrspaltigkeit |
<WRAP col3> | <WRAP col3> | ||
- | For modern browsers | + | Alle modernen Browser |
- | :!: Note: Multi-columns don't make sense for spans. | + | :!: Anmerkung: Mehrspaltigkeit macht bei kleingeschriebenen |
</ | </ | ||
+ | < | ||
+ | <WRAP col3> | ||
+ | Alle modernen Browser (Firefox, Chrome, Safari, ...) unterstützen Mehrspaltigkeit. Schreiben Sie einfach **'' | ||
+ | |||
+ | :!: Anmerkung: Mehrspaltigkeit macht bei kleingeschriebenen '' | ||
+ | </ | ||
+ | </ | ||
- | ==== Alignments ==== | + | === Ausrichtungen |
- | You can use these different text alignments: | + | Sie können diese verschiedenen Ausrichtungen nutzen: |
- | * '' | + | * '' |
- | * '' | + | * '' |
- | * '' | + | * '' |
- | * '' | + | * '' |
<WRAP centeralign> | <WRAP centeralign> | ||
- | Center aligned text ... | + | Zentrierter Text... |
</ | </ | ||
<WRAP rightalign> | <WRAP rightalign> | ||
- | ... and right aligned. | + | ... rechtsbündiger Text. |
</ | </ | ||
< | < | ||
<WRAP centeralign> | <WRAP centeralign> | ||
- | Center aligned text ... | + | Zentrierter Text... |
</ | </ | ||
<WRAP rightalign> | <WRAP rightalign> | ||
- | ... and right aligned. | + | ... rechtsbündiger Text. |
</ | </ | ||
</ | </ | ||
- | :!: You cannot add alignments to spans. | + | :!: Ausrichtungen können nicht bei kleinen '' |
- | + | ==== Boxen und Anmerkungen | |
- | ==== Boxes and Notes ==== | + | |
<WRAP round box 570px center> | <WRAP round box 570px center> | ||
//**__round box 570px center__**// | //**__round box 570px center__**// | ||
- | * '' | + | * '' |
- | * any of the classes | + | * Bei der Nutzung einer der Klassen |
- | * the classes | + | * Die Klassen |
- | * '' | + | * Zusätzlich kann '' |
</ | </ | ||
- | + | <WRAP info 300px left> | |
- | <WRAP info 220px left> | + | |
// | // | ||
<WRAP info></ | <WRAP info></ | ||
</ | </ | ||
- | + | <WRAP tip 300px left> | |
- | <WRAP tip 220px left> | + | |
//**Tip**// | //**Tip**// | ||
<WRAP tip></ | <WRAP tip></ | ||
</ | </ | ||
- | + | <WRAP important | |
- | <WRAP important | + | |
// | // | ||
<WRAP important></ | <WRAP important></ | ||
</ | </ | ||
- | + | <WRAP alert 300px left> | |
- | <WRAP alert 220px left> | + | |
// | // | ||
<WRAP alert></ | <WRAP alert></ | ||
</ | </ | ||
- | + | <WRAP round help 300px left> | |
- | <WRAP round help 220px left> | + | |
// | // | ||
<WRAP round help></ | <WRAP round help></ | ||
</ | </ | ||
- | + | <WRAP download | |
- | <WRAP download | + | |
// | // | ||
<WRAP download></ | <WRAP download></ | ||
</ | </ | ||
- | + | <WRAP todo 300px left> | |
- | <WRAP todo 220px left> | + | |
// | // | ||
<WRAP todo></ | <WRAP todo></ | ||
</ | </ | ||
- | |||
<WRAP clear></ | <WRAP clear></ | ||
+ | **Kästen mit Signalfarben: | ||
- | **Safety Notes:** | + | <WRAP danger |
- | + | ||
- | <WRAP danger | + | |
// | // | ||
<WRAP danger></ | <WRAP danger></ | ||
</ | </ | ||
- | <WRAP warning | + | <WRAP warning |
// | // | ||
<WRAP warning></ | <WRAP warning></ | ||
</ | </ | ||
- | <WRAP caution | + | <WRAP caution |
// | // | ||
<WRAP caution></ | <WRAP caution></ | ||
</ | </ | ||
- | <WRAP round notice | + | <WRAP round notice |
// | // | ||
<WRAP round notice></ | <WRAP round notice></ | ||
</ | </ | ||
- | <WRAP round safety | + | <WRAP round safety |
// | // | ||
<WRAP round safety></ | <WRAP round safety></ | ||
Zeile 204: | Zeile 211: | ||
<WRAP clear></ | <WRAP clear></ | ||
+ | Die Hinweisboxen können ebenfalls in einer kleinen Variante im Fließtext eingesetzt werden: | ||
- | You can use notes and boxes also inside text with spans like this: | + | <wrap info> |
- | <wrap info> | + | |
<wrap info> | <wrap info> | ||
- | ==== Marks ==== | + | ==== Markierungen |
- | You can mark text as <wrap hi>highlighted</ | + | Sie können Text als <wrap hi>hervorgehoben</ |
- | | + | |
- | :!: This might look ugly in some templates and should be adjusted accordingly. | + | ==== Verschiedenes ==== |
- | ==== Miscellaneous ==== | + | === Einrückungen |
- | === Indent === | + | <wrap indent> |
- | <wrap indent>This text will appear indented.</ | + | |
- | + | ||
- | <wrap indent> | + | |
=== Outdent === | === Outdent === | ||
- | <wrap outdent>This text will appear | + | <wrap outdent>Dieser Text wird "ausgerückt" |
- | <wrap outdent>This text will appear | + | <wrap outdent>Dieser Text wird "ausgerückt" |
- | === Prewrap | + | === Vorformatierter Text === |
<WRAP prewrap 250px> | <WRAP prewrap 250px> | ||
< | < | ||
- | Inside this code block the words will wrap to a new line although they are all in one line. | + | Text in diesem Block wird umgebrochen, |
</ | </ | ||
</ | </ | ||
Zeile 241: | Zeile 246: | ||
<WRAP prewrap 250px> | <WRAP prewrap 250px> | ||
< | < | ||
- | | + | |
</ | </ | ||
</ | </ | ||
Zeile 247: | Zeile 252: | ||
=== Spoiler === | === Spoiler === | ||
- | Here follows a spoiler: <wrap spoiler> | + | Mit der Spoiler-Funktion kann Text versteckt werden, der erst durch Markieren mit der Maus sichtbar wird. Diese Funktion ist für die Nutzung im Einsatzleiterwiki eher nicht angebracht, wird aber der Vollständigkeit halber mit aufgeführt. |
- | Here follows a spoiler: <wrap spoiler>Darth Vader is Luke's father.</ | + | Es folgt der Spoiler: <wrap spoiler>Dieser Text wird erst nach Markieren mit der Maus sichtbar.</ |
- | Just select the text in the spoiler | + | Es folgt der Spoiler: < |
- | === Hide === | + | === Verstecken |
- | The following text is hidden: <wrap hide>John, please revise that sentence.</ | + | Der folgende Text ist versteckt: <wrap hide>Dieser Abschnitt muss überarbeitet werden.</ |
- | | + | |
- | :!: Warning: The text will still appear | + | :!: Achtung: Der Text ist nur in der direkten Anzeige versteckt. Beim Ansehen des Quelltextes der Seite oder beim Bearbeiten ist dieser trotzdem sichtbar, wird in älteren Browser angezeigt und durch die Suchfunktion gefunden. <wrap important> |
- | === Pagebreak | + | === Seitenumbruch |
- | The following will add a pagebreak: <WRAP pagebreak></ | + | Das folgende Kommando erzeugt einen Seitenumbruch: <WRAP pagebreak></ |
- | | + | |
- | This has no effect on the browser screen. A [[http:// | + | Dies hat keine Auswirkung auf die Anzeige auf dem Bildschirm. Lediglich beim Ausdrucken des Artikels wird ein Seitenumbruch erzeugt. |
- | === Nopagebreak | + | === Kein Seitenumbruch |
- | The following will try to avoid a pagebreak: <WRAP nopagebreak> | + | Das folgende Kommando wird versuchen einen Seitenumbruch zu vermeiden: <WRAP nopagebreak> |
- | | + | |
- | This also has no effect on the browser screen. It will try to [[http:// | + | Dies hat ebenfalls keine Auswirkung auf die Anzeige auf dem Bildschirm. Lediglich beim Ausdrucken des Artikels wird versucht einen Seitenumbruch zu vermeiden. |
- | === Noprint | + | === Nicht drucken |
- | <wrap noprint>This text appears on the screen, but not in print.</ | + | <wrap noprint>Dieser Text erscheint auf dem Bildschirm, erscheint aber nicht auf einem Ausdruck.</ |
- | <wrap noprint>This text appears on the screen, but not in print.</ | + | <wrap noprint>Dieser Text erscheint auf dem Bildschirm, erscheint aber nicht auf einem Ausdruck.</ |
- | === Onlyprint | + | === Nur drucken |
- | <wrap onlyprint> | + | <wrap onlyprint> |
- | <wrap onlyprint> | + | <wrap onlyprint> |
- | ==== Typography | + | ==== Kombinieren und Verschachteln |
- | I advice against using the following typography classes. It's better to create semantic classes that reflect their meaning instead. | + | Sie können alle Klassen und Kasten-Arten kombinieren und ineinander verschachteln, |
- | * font family: '' | + | <WRAP box safety |
- | * font size: '' | + | //**__Äußerer grüner Kasten wird rechts positioniert und links umflossen__**// |
- | * font colour: '' | + | |
- | * background colour: '' | + | |
- | + | ||
- | + | ||
- | ==== Combining and Nesting ==== | + | |
- | + | ||
- | You can combine and nest all classes and types of boxes, e.g. | + | |
- | + | ||
- | <WRAP box bggreen fgblack | + | |
- | //**__Outer green box floats right__**// | + | |
<WRAP 165px left> | <WRAP 165px left> | ||
- | Inner nested box floats left and is partly | + | Innere, verschachtelter Kasten wird links positioniert und rechts umflossen. Der Text ist teilweise |
</ | </ | ||
- | Text inside outer right box, but beneath inner left box. | + | Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten. |
<WRAP clear></ | <WRAP clear></ | ||
<WRAP round tip> | <WRAP round tip> | ||
- | Round tip box underneath, after a '' | + | Runder " |
</ | </ | ||
Zeile 322: | Zeile 317: | ||
< | < | ||
- | <WRAP box bggreen fgblack | + | <WRAP box safety |
- | //**__Outer green box floats right__**// | + | //**__Äußerer grüner Kasten wird rechts positioniert und links umflossen__**// |
<WRAP 165px left> | <WRAP 165px left> | ||
- | Inner nested box floats left and is partly | + | Innere, verschachtelter Kasten wird links positioniert und rechts umflossen. Der Text ist teilweise |
</ | </ | ||
- | Text inside outer right box, but beneath inner left box. | + | Text im äußeren, rechts positionierten Kasten, aber nach dem inneren, links positionierten Kasten. |
<WRAP clear></ | <WRAP clear></ | ||
<WRAP round tip> | <WRAP round tip> | ||
- | Round tip box underneath, after a '' | + | Runder " |
</ | </ | ||
Zeile 340: | Zeile 335: | ||
</ | </ | ||
+ | ===== Quelle ===== | ||
- | ===== Language and Text Direction ===== | + | * https://www.dokuwiki.org/plugin: |
- | + | ||
- | You can change the language and the reading direction of a wrap container by simply adding a colon followed by the language code, like this: | + | |
- | + | ||
- | < | + | |
- | <WRAP :he> | + | |
- | זה עברית. ((<wrap :en>This means "This is Hebrew.", | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | זה עברית. ((<wrap :en>This means "This is Hebrew." | + | |
- | </ | + | |
- | + | ||
- | The text direction ('' | + | |
- | (If you specify a language not listed there, it simply won't do anything.) | + | |
- | + | ||
- | + | ||
- | <WRAP center round important 60%> | + | |
- | Zugangsbeschränkung wieder aufheben! | + | |
- | </WRAP> | + | |
wiki/hilfe/plugins/standard/wrap.1425075785.txt.gz · Zuletzt geändert: 27.02.2015 22:23 von christoph_ziehr