Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
Nächste Überarbeitung | Vorherige Überarbeitung | ||
eristokratie:administration:syntax [2016/02/11 10:35] – angelegt Bwana Honolulu | eristokratie:administration:syntax [2019/07/26 15:26] (aktuell) – [1.5 Syntax-Hervorhebung] Arduino Bwana Honolulu | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ====== Syntax ====== | ||
+ | [[DokuWiki]] zeichnet sich u. a. durch einfache Textformatierungen aus. Dadurch bleiben die Dateien, die den Inhalt enthalten, gut lesbar. | ||
+ | In den nachfolgenden Abschnitten sind die möglichen Formatierungsarten aufgelistet, | ||
+ | Ein erstes Beispiel, wie der Aufbau einer Seite aussehen kann, findest du, wenn du dir diese Seite im Quelltext-Modus anzeigen lässt. Klicke dazu auf den Button " | ||
+ | |||
+ | Zum Ausprobieren oder Üben kann die [[/ | ||
+ | |||
+ | |||
+ | ====== 1 Texte ====== | ||
+ | ===== 1.1 Formatierungen ===== | ||
+ | |||
+ | DokuWiki unterstützt **fetten**, // | ||
+ | |||
+ | DokuWiki unterstützt **fetten**, // | ||
+ | Natürlich kann auch alles **__//'' | ||
+ | |||
+ | Ebenso gibt es < | ||
+ | |||
+ | Ebenso gibt es < | ||
+ | |||
+ | Text kann als < | ||
+ | |||
+ | Text kann als < | ||
+ | |||
+ | Text kann auch mit <color red> | ||
+ | |||
+ | Text kann auch mit <color red> | ||
+ | |||
+ | ===== 1.2 Absätze ===== | ||
+ | |||
+ | Ein Absatz wird durch eine leere Zeile erzeugt. Eine neue Zeile (Zeilenumbruch) kann durch zwei " | ||
+ | |||
+ | Dies ist ein Beispieltext mit einigen Zeilenumbrüchen.\\ Beachte: Die zwei umgekehrten Schrägstriche | ||
+ | werden nur erkannt, wenn sie am Zeilenende stehen\\ | ||
+ | oder wenn ihnen ein\\ Leerzeichen folgt.\\ So\\sieht es ohne Leerzeichen aus. | ||
+ | |||
+ | Dies ist ein Beispieltext mit einigen Zeilenumbrüchen.\\ Beachte: Die zwei umgekehrten Schrägstriche | ||
+ | werden nur erkannt, wenn sie am Zeilenende stehen\\ | ||
+ | oder wenn ihnen ein\\ Leerzeichen folgt.\\ So\\sieht es ohne Leerzeichen aus. | ||
+ | |||
+ | Zeilenumbrüche durch zwei " | ||
+ | |||
+ | ===== 1.3 Überschriften ===== | ||
+ | Mit fünf unterschiedlichen Ebenen, getrennt durch Überschriften, | ||
+ | Die Überschriften werden mit maximal sechs " | ||
+ | |||
+ | Es ist __sinnvoll__, | ||
+ | |||
+ | Wenn in einer Seite mehr als drei Überschriften vorkommen, wird automatisch ein Inhaltsverzeichnis erstellt, welches alle Überschriften auflistet. | ||
+ | Soll dieses Inhaltsverzeichnis nicht erstellt werden, muss der Befehl: ''< | ||
+ | |||
+ | ====== Überschrift Ebene 1 ====== | ||
+ | ===== Überschrift Ebene 2 ===== | ||
+ | ==== Überschrift Ebene 3 ==== | ||
+ | === Überschrift Ebene 4 === | ||
+ | == Überschrift Ebene 5 == | ||
+ | |||
+ | Innerhalb von Überschriften können standardmäßig keine weiteren Formatierungen vorgenommen werden! (s. [[faq: | ||
+ | |||
+ | ===== 1.4 unformatierte Abschnitte ===== | ||
+ | |||
+ | Um Text so anzuzeigen, wie er geschrieben wurde, egal ob er DokuWiki Formatierungen oder andere Formatierungen enthält, kann man jede | ||
+ | Zeile mit zwei Leerzeichen beginnen (so wie es in dieser Seite angewendet wurde) oder einen der Bezeichner " | ||
+ | |||
+ | < | ||
+ | Mit " | ||
+ | </ | ||
+ | |||
+ | |||
+ | <file plain Beispiel.txt> | ||
+ | Mit dem Bezeichner " | ||
+ | auf einer Seite zum Download angeboten werden. | ||
+ | </ | ||
+ | |||
+ | Innerhalb von " | ||
+ | |||
+ | <file perl HelloWorld.pl> | ||
+ | # | ||
+ | print "Hello World!\n"; | ||
+ | </ | ||
+ | |||
+ | <file perl HelloWorld.pl> | ||
+ | # | ||
+ | print "Hello World!\n"; | ||
+ | </ | ||
+ | |||
+ | Um jegliche Umwandlung durch DokuWiki abzustellen, | ||
+ | |||
+ | < | ||
+ | Dieser Text enthält Links wie: http:// | ||
+ | </ | ||
+ | |||
+ | %%Dieser Text ist nun mit %%''< | ||
+ | |||
+ | " | ||
+ | |||
+ | Einfach den Quelltext dieser Seite anschauen (den Knopf " | ||
+ | |||
+ | ===== 1.5 Syntax-Hervorhebung ===== | ||
+ | |||
+ | [[DokuWiki]] kennt Syntax-Highlighting für Quellcode, um dessen Lesbarkeit zu erhöhen. Dafür wird [[http:// | ||
+ | Es wird der gleiche Bezeichner wie im vorherigen Abschnitt benutzt, nur dass er nun auch den Namen der Sprache enthält: | ||
+ | ''< | ||
+ | |||
+ | <code java> | ||
+ | /** | ||
+ | * The HelloWorldApp class implements an application that | ||
+ | * simply displays "Hello World!" | ||
+ | */ | ||
+ | class HelloWorldApp { | ||
+ | public static void main(String[] args) { | ||
+ | System.out.println(" | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Es werden folgende Sprachen unterstützt: | ||
+ | |||
+ | ===== 1.6 Zitat / Kommentar ===== | ||
+ | Um einen Text als Zitat oder Kommentar zu kennzeichnen, | ||
+ | |||
+ | Ich denke wir sollten es tun. | ||
+ | | ||
+ | > Nein, sollten wir nicht. | ||
+ | | ||
+ | >> Doch! | ||
+ | | ||
+ | > Wirklich? | ||
+ | | ||
+ | >> Ja! | ||
+ | | ||
+ | >>> | ||
+ | | ||
+ | >>> | ||
+ | |||
+ | Ich denke wir sollten es tun | ||
+ | |||
+ | > Nein, sollten wir nicht. | ||
+ | |||
+ | >> Doch! | ||
+ | |||
+ | > Wirklich? | ||
+ | |||
+ | >> Ja! | ||
+ | |||
+ | >>> | ||
+ | |||
+ | >>> | ||
+ | |||
+ | Eine andere Möglichkeit ist, ein Zitat als Zitatblock zu kennzeichnen (inklusive Quellangabe): | ||
+ | |||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | Um Zitate im Fließtext zu kennzeichnen, | ||
+ | |||
+ | Schulterzuckend sagte er < | ||
+ | |||
+ | Schulterzuckend sagte er < | ||
+ | |||
+ | Die beiden letzten Varianten lassen sich auch wie [[# | ||
+ | |||
+ | Der Satz von <cite hi>Sri Syadasti</ | ||
+ | | ||
+ | < | ||
+ | "All affirmations are true in some sense, false in some sense, meaningless in some sense, true and false in some sense, true and meaningless in some sense, false and meaningless in some sense, and true and false and meaningless in some sense." | ||
+ | </ | ||
+ | |||
+ | Sie schreib auf den Apfel <q : | ||
+ | |||
+ | Der Satz von <cite hi>Sri Syadasti</ | ||
+ | |||
+ | < | ||
+ | "All affirmations are true in some sense, false in some sense, meaningless in some sense, true and false in some sense, true and meaningless in some sense, false and meaningless in some sense, and true and false and meaningless in some sense." | ||
+ | </ | ||
+ | |||
+ | Sie schreib auf den Apfel <q : | ||
+ | ===== 1.7 Escapezeichen ===== | ||
+ | Will man verhindern, dass DokuWiki irgendwelche Formatierungen am bzw. Umwandlungen im Text vornimmt so kann man die Prozentzeichen benutzen | ||
+ | < | ||
+ | Die Ausgabe würde dann folgendermaßen aussehen %%[[wiki: | ||
+ | |||
+ | ===== 1.8 Fußnoten ===== | ||
+ | |||
+ | Fußnoten ((dies ist eine Fußnote)) werden durch eine doppelte runde Klammer dargestellt ((eine zweite Fußnote)). Der Text zwischen den Klammern wird an das Ende der Seite geschrieben. Die Reihenfolge und somit die Nummerierung übernimmt DokuWiki. | ||
+ | |||
+ | Fußnoten ((dies ist eine Fußnote)) werden durch eine doppelte runde Klammer dargestellt ((eine zweite Fußnote)) | ||
+ | |||
+ | ====== 2 Links ====== | ||
+ | |||
+ | Mit DokuWiki können fünf unterschiedliche Arten von Links benutzt werden: | ||
+ | |||
+ | ===== 2.1 Extern ===== | ||
+ | |||
+ | Externe Links (Verweise auf andere Webseiten oder Dateien) werden automatisch erkannt: http:// | ||
+ | Verweise können auch hinter eigenen Begriffen versteckt werden: [[http:// | ||
+ | E-Mail Adressen werden in spitze Klammern gesetzt: < | ||
+ | |||
+ | Externe Links werden automatisch erkannt: http:// | ||
+ | Verweise können auch hinter eigenen Begriffen versteckt werden: [[http:// | ||
+ | E-Mail Adressen werden in spitze Klammern gesetzt: < | ||
+ | |||
+ | ===== 2.2 Intern ===== | ||
+ | |||
+ | Interne Links, also Verweise auf Seiten innerhalb von DokuWiki, werden in doppelten eckigen Klammern gesetzt ("Alt Gr+8" bzw. Alt Gr+9 unter Windows bzw. Wahltaste+5 und Wahltaste+6 bei Apple-Betriebssystemen): | ||
+ | [[doku> | ||
+ | |||
+ | Ein Link kann auch hinter einem Begriff oder einer Beschreibung versteckt werden: | ||
+ | [[pagename|Beschreibung für einen Link]]. | ||
+ | |||
+ | Interne Links werden in doppelten eckigen Klammern gesetzt: | ||
+ | [[pagename]] | ||
+ | | ||
+ | Ein Link kann auch hinter einem Begriff oder einer Beschreibung versteckt werden: | ||
+ | [[pagename|Beschreibung für einen Link]]. | ||
+ | |||
+ | Dateinamen für neue Seiten im Wiki werden automatisch in Kleinbuchstaben umgewandelt! | ||
+ | Umlaute sind genauso wie Sonderzeichen nicht erlaubt! | ||
+ | |||
+ | Durch einen Doppelpunkt werden Namensbereiche im Wiki aufgelöst: [[de: | ||
+ | |||
+ | Durch einen Doppelpunkt werden Namensbereiche im Wiki aufgelöst: | ||
+ | |||
+ | Weitere Informationen zu Namensbereichen: | ||
+ | |||
+ | Die Verlinkung zu einem speziellen Abschnitt innerhalb des Dokuments (Anker) ist auch möglich. Der Abschnittsnamen wird getrennt durch ein Doppelkreuz (#) an den Seitennamen gehängt. | ||
+ | |||
+ | Dieses Beispiel verlinkt zu [[de: | ||
+ | |||
+ | Dieses Beispiel verlinkt zu [[de: | ||
+ | |||
+ | |||
+ | Anmerkungen: | ||
+ | |||
+ | * Links zu [[syntax|existierenden Seiten]] werden anders angezeigt als Links zu [[nicht-existierenden]] Seiten. | ||
+ | * DokuWiki verwendet standardmäßig keine [[wpde> | ||
+ | * Ändert sich eine Überschrift im Zieldokument, | ||
+ | * Anker werden klein geschrieben, | ||
+ | |||
+ | ===== 2.3 Interwiki ===== | ||
+ | |||
+ | DokuWiki unterstützt auch Links in andere Wikis, sogenannte [[doku> | ||
+ | Ein Link zur Wikipedia Seite über Wikis: | ||
+ | |||
+ | DokuWiki unterstützt auch Links in andere Wikis, sogenannte [[doku> | ||
+ | Ein Link zur Wikipedia Seite über Wikis: | ||
+ | |||
+ | ===== 2.4 Windows-Freigaben ===== | ||
+ | |||
+ | DokuWiki kennt auch Links auf Windows-Freigaben: | ||
+ | Dies ist allerdings nur in einer homogenen Benutzergruppe sinnvoll (siehe [[wpde> | ||
+ | |||
+ | [[\\server\freigabe|this]]. | ||
+ | |||
+ | Hinweis: | ||
+ | * Aus Sicherheitsgründen funktioniert direktes Navigieren durch die Freigaben standardmäßig nur mit dem Internet Explorer (und das nur in der " | ||
+ | * Für Mozilla und Firefox kann es durch die Option [[http:// | ||
+ | * Opera ignoriert als Sicherheitsfeature seit [[http:// | ||
+ | * Für weitere Informationen siehe: [[bug> | ||
+ | |||
+ | ===== 2.5 Bilder als Links ===== | ||
+ | |||
+ | Bilder können für einen Link auf eine interne oder externe Datei verwendet werden. Dazu wird die Syntax zur Anzeige von Links einfach mit der zur Anzeige von Bildern (siehe unten) kombiniert: | ||
+ | |||
+ | | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | Bitte beachte: Bildformatierungen sind die einzigen Formatierungen, | ||
+ | |||
+ | ====== 3 Bilder und andere Dateien ====== | ||
+ | |||
+ | ===== 3.1 Bilder im DokuWiki speichern ===== | ||
+ | |||
+ | Um Bilder im DokuWiki speichern zu dürfen, muss der Benutzer die entsprechende Berechtigung besitzen ([[de: | ||
+ | |||
+ | ===== 3.2 Größe von Bildern | ||
+ | Mit geschweiften Klammern können sowohl externe als auch interne [[doku> | ||
+ | |||
+ | Originalgröße: | ||
+ | |||
+ | Eine Breite vorgeben: | ||
+ | |||
+ | Breite und Höhe vorgeben: | ||
+ | |||
+ | Größe für externe Bilder vorgeben: | ||
+ | |||
+ | Originalgröße: | ||
+ | Eine Breite vorgeben: | ||
+ | Breite und Höhe vorgeben: | ||
+ | Größe für externe Bilder vorgeben: | ||
+ | |||
+ | ===== 3.3 Ausrichten von Bildern ===== | ||
+ | Mit Leerzeichen zur Rechten und/oder Linken innerhalb der Klammern kann ein Bild horizontal ausgerichtet werden (Links, Zentriert, Rechts). | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | {{wiki: | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | | ||
+ | {{wiki: | ||
+ | {{ wiki: | ||
+ | {{ wiki: | ||
+ | |||
+ | Bei Ausrichtung und der Verwendung eines Titels sollte man drauf achten dass der Titel nach dem Leerzeichen kommt: | ||
+ | | ||
+ | {{wiki: | ||
+ | {{ wiki: | ||
+ | {{ wiki: | ||
+ | ===== 3.4 Tooltips ===== | ||
+ | Auch Titel, in den meisten Browsern als Tooltip angezeigt, können angegeben werden. | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | {{ wiki: | ||
+ | |||
+ | ===== 3.5 Dateidownload ===== | ||
+ | |||
+ | Wenn eine Datei angegeben wird, die kein Bild ('' | ||
+ | |||
+ | {{ wiki: | ||
+ | < | ||
+ | |||
+ | ===== 3.6 Automatische Verlinkung ===== | ||
+ | |||
+ | Bilder werden automatisch mit einer Verlinkung zur Ihren [[wpde> | ||
+ | |||
+ | Dieses Verhalten kann über die Option ? | ||
+ | |||
+ | {{wiki: | ||
+ | {{wiki: | ||
+ | |||
+ | Außerdem kann mit ?direct das Bild, z.Bsp. als Vollansicht, | ||
+ | |||
+ | {{wiki: | ||
+ | {{wiki: | ||
+ | |||
+ | ====== 4 Listen ====== | ||
+ | |||
+ | DokuWiki kennt unsortierte und nummerierte Listen. Um einen Listeneintrag zu erzeugen, beginne eine Zeile mit zwei Leerzeichen. Diesen Leerzeichen folgt dann ein " | ||
+ | |||
+ | * Dies ist ein Eintrag einer unsortierten Liste | ||
+ | * Ein zweiter Eintrag | ||
+ | * Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen | ||
+ | * Noch ein Eintrag | ||
+ | |||
+ | - Dies ist ein Eintrag einer nummerierte Liste | ||
+ | - Ein zweiter Eintrag | ||
+ | - Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen | ||
+ | - Noch ein Eintrag | ||
+ | |||
+ | < | ||
+ | * Dies ist ein Eintrag einer unsortierten Liste | ||
+ | * Ein zweiter Eintrag | ||
+ | * Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen | ||
+ | * Noch ein Eintrag | ||
+ | |||
+ | - Dies ist ein Eintrag einer nummerierte Liste | ||
+ | - Ein zweiter Eintrag | ||
+ | - Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen | ||
+ | - Noch ein Eintrag | ||
+ | </ | ||
+ | |||
+ | ====== 5 Tabellen ====== | ||
+ | |||
+ | ===== 5.1 Grundlegender Aufbau ===== | ||
+ | |||
+ | Mit DokuWiki können Tabellen ganz einfach erstellt werden: | ||
+ | |||
+ | ^ hervorgehoben | ||
+ | | Zeile 1 Spalte 1 | Zeile 1 Spalte 2| Zeile 1 Spalte 3 | | ||
+ | | Zeile 2 Spalte 1 | doppelte Spaltenbreite (beachte den doppelten senkrechten Strich) || | ||
+ | | Zeile 3 Spalte 1 | Zeile 2 Spalte 2 | Zeile 2 Spalte 3 | | ||
+ | | Zeile 4 Spalte 1 | | ||
+ | |||
+ | Felder einer Tabelle starten mit " | ||
+ | |||
+ | ^ hervorgehoben | ||
+ | | Zeile 1 Spalte 1 | Zeile 1 Spalte 2 | Zeile 1 Spalte 3 | | ||
+ | | Zeile 2 Spalte 1 | doppelte Spaltenbreite (beachte den doppelten senkrechten Strich) || | ||
+ | | Zeile 3 Spalte 1 | Zeile 2 Spalte 2 | Zeile 2 Spalte 3 | | ||
+ | |||
+ | ===== 5.2 Formatierung/ | ||
+ | |||
+ | === Leerzellen === | ||
+ | |||
+ | Zellen über mehrere Spalten werden erzeugt wenn man, wie oben gezeigt, am Ende einer solchen Spalte so viele " | ||
+ | Kurz gesagt: Alle Zeilen einer Tabelle müssen die gleiche Anzahl an Feldtrennern " | ||
+ | |||
+ | Hervorgehobene Felder in Vertikaler Ausrichtung sind auch möglich. | ||
+ | |||
+ | | ^ hervorgehoben 1 ^ hervorgehoben 2 ^ | ||
+ | ^ hervorgehoben 3 | Zeile 1 Spalte 2 | Zeile 1 Spalte 3 | | ||
+ | ^ hervorgehoben 4 | Zeile 2 Spalte 2 | | | ||
+ | ^ hervorgehoben 5 | Zeile 3 Spalte 2 | Zeile 3 Spalte 3 | | ||
+ | |||
+ | Wie wir sehen, entscheidet der Feldtrenner (" | ||
+ | |||
+ | | ^ hervorgehoben 1 ^ hervorgehoben 2 ^ | ||
+ | ^ hervorgehoben 3 | Zeile 1 Spalte 2 | Zeile 1 Spalte 3 | | ||
+ | ^ hervorgehoben 4 | Zeile 2 Spalte 2 | | | ||
+ | ^ hervorgehoben 5 | Zeile 3 Spalte 2 | Zeile 3 Spalte 3 | | ||
+ | |||
+ | === Zellen verbinden === | ||
+ | |||
+ | Felder über mehrere Zeilen (**vertikal verbundene Zellen**) lassen sich durch hinzufügen von '':::'' | ||
+ | :!: Zum Stand der //Release 2015-08-10a " | ||
+ | |||
+ | |||
+ | ^ Titelzeile 1 ^ Titelzeile 2 ^ Titelzeile 3 ^ | ||
+ | | Zeile 1 Spalte 1 | Diese Zelle ist vertikal verbunden | Zeile 1 Spalte 3 | | ||
+ | | Zeile 2 Spalte 1 | ::: | Zeile 2 Spalte 3 | | ||
+ | | Zeile 3 Spalte 1 | ::: | Zeile 3 Spalte 3 | | ||
+ | |||
+ | Außer den drei Doppelpunkten darf die zu verbindende Zelle keine weiteren Inhalte haben. | ||
+ | |||
+ | ^ Titelzeile 1 ^ Titelzeile 2 ^ Titelzeile 3 ^ | ||
+ | | Zeile 1 Spalte 1 | Diese Zelle ist vertikal verbunden | Zeile 1 Spalte 3 | | ||
+ | | Zeile 2 Spalte 1 | ::: | Zeile 2 Spalte 3 | | ||
+ | | Zeile 3 Spalte 1 | ::: | Zeile 3 Spalte 3 | | ||
+ | |||
+ | |||
+ | Felder über mehrere Spalten (**horizontal verbundene Zellen**) lassen sich durch hinzufügen von '' | ||
+ | |||
+ | ^ Titelzeile 1 ^ Titelzeile 2 ^ Titelzeile 3 ^ | ||
+ | | Zeile 1 Spalte 1 | Diese Zelle ist horizontal verbunden | ||
+ | | Zeile 2 Spalte 1 | Zeile 2 Spalte 2 | Zeile 2 Spalte 3 | | ||
+ | | Zeile 3 Spalte 1 | Zeile 3 Spalte 2 | Zeile 3 Spalte 3 | | ||
+ | |||
+ | ^ Titelzeile 1 ^ Titelzeile 2 ^ Titelzeile 3 ^ | ||
+ | | Zeile 1 Spalte 1 | Diese Zelle ist horizontal verbunden | ||
+ | | Zeile 2 Spalte 1 | Zeile 2 Spalte 2 | ||
+ | | Zeile 3 Spalte 1 | Zeile 3 Spalte 2 | Zeile 3 Spalte 3 | | ||
+ | |||
+ | === Textausrichtung === | ||
+ | |||
+ | Der Inhalt einer Zelle kann horizontal innerhalb der Zelle ausgerichtet werden: | ||
+ | * Rechtsbündig - zwei Leerzeichen links vom Text | ||
+ | * Linksbündig - Leerzeichen rechts vom Text | ||
+ | * Zentriert - zwei Leerzeichen links und rechts vom Text | ||
+ | |||
+ | ^ Tabelle mit Ausrichtung | ||
+ | | Rechts | Mitte | Links | | ||
+ | | Links | ||
+ | | xxxxxxxxxxxx | ||
+ | |||
+ | So sieht die Formatierung aus: | ||
+ | |||
+ | ^ Tabelle mit Ausrichtung | ||
+ | | Rechts| | ||
+ | |Links | ||
+ | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | ||
+ | |||
+ | | Hinweis zu dem senkrechten Balken-Zeichen: | ||
+ | |||
+ | === Hintergrundfarbe === | ||
+ | |||
+ | Angaben zu Hintergrundfarben beginnen mit '' | ||
+ | |||
+ | ^ Überschrift 1 ^ Überschrift 2 | ||
+ | | @lightgreen: | ||
+ | | @# | ||
+ | | Zeile 2 | Ja | @orange: Ja | | ||
+ | | @:Zeile 3 | Ja | @red: | ||
+ | |||
+ | < | ||
+ | ^ Überschrift 1 ^ Überschrift 2 | ||
+ | | @lightgreen: | ||
+ | | @# | ||
+ | | Zeile 2 | Ja | @orange: Ja | | ||
+ | | @:Zeile 3 | Ja | @red: | ||
+ | </ | ||
+ | |||
+ | | @palegreen: | ||
+ | |||
+ | < | ||
+ | | @palegreen: | ||
+ | </ | ||
+ | |||
+ | ====== 6 Formatierungs-Container ====== | ||
+ | |||
+ | <WRAP center round info 60%> | ||
+ | Ich muss das mal übersetzen, | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
+ | ===== 6.1 Basic syntax ===== | ||
+ | |||
+ | An uppercase **%%< | ||
+ | |||
+ | <WRAP classes width : | ||
+ | " | ||
+ | </ | ||
+ | | ||
+ | or | ||
+ | <block classes width : | ||
+ | " | ||
+ | </ | ||
+ | | ||
+ | or | ||
+ | <div classes width : | ||
+ | " | ||
+ | </ | ||
+ | |||
+ | A lowercase **%%< | ||
+ | |||
+ | <wrap classes width : | ||
+ | | ||
+ | or | ||
+ | <inline classes width : | ||
+ | | ||
+ | or | ||
+ | <span classes width : | ||
+ | |||
+ | :!: Please note, some things **won' | ||
+ | * **alignments** (including alignments generated by changing the text direction) | ||
+ | * **multi-columns** | ||
+ | * and **widths** | ||
+ | if the according wrap isn't floated as well. | ||
+ | |||
+ | |||
+ | ===== 6.2 Classes and Styles ===== | ||
+ | |||
+ | |||
+ | ==== Columns and Floats ==== | ||
+ | |||
+ | You can have columns easily by adding the class '' | ||
+ | <WRAP column 30%> | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | You can emulate a big headline with italic, bold and underlined text, e.g. | ||
+ | < | ||
+ | |||
+ | // | ||
+ | |||
+ | A smaller headline uses no underlining, | ||
+ | < | ||
+ | |||
+ | If you need text that is bold and italic, simply use it the other way around: | ||
+ | < | ||
+ | </ | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | Normally you would only need the class '' | ||
+ | |||
+ | * **'' | ||
+ | * **'' | ||
+ | * **'' | ||
+ | * **'' | ||
+ | |||
+ | </ | ||
+ | |||
+ | <WRAP column 30%> | ||
+ | // | ||
+ | |||
+ | You can set any valid widths (but only on divs): '' | ||
+ | |||
+ | ^type^e.g.^note^ | ||
+ | ^'' | ||
+ | ^'' | ||
+ | ^'' | ||
+ | |||
+ | A **table** inside a column or box will always be **100% wide**. This makes positioning and sizing tables possible. | ||
+ | |||
+ | </ | ||
+ | |||
+ | <wrap em>After using any of the float classes, you might come across something like this, where the following text protrudes into the space where only the floating containers should be ...</ | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | ... to prevent that, you should simply add | ||
+ | <WRAP clear></ | ||
+ | after your last column. | ||
+ | |||
+ | You **can** use the same options with spans (as each element that floats is automatically a block level element), but it probably doesn' | ||
+ | |||
+ | :!: 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:// | ||
+ | |||
+ | All of those options will also work in the [[#boxes and notes]] wraps (see below). | ||
+ | |||
+ | === Multi-columns === | ||
+ | |||
+ | <WRAP col3> | ||
+ | For modern browsers (Firefox, Chrome and Safari) you can use multi-columns. Just use **'' | ||
+ | |||
+ | :!: Note: Multi-columns don't make sense for spans. | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Alignments ==== | ||
+ | |||
+ | You can use these different text alignments: | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | <WRAP centeralign> | ||
+ | Center aligned text ... | ||
+ | </ | ||
+ | |||
+ | <WRAP rightalign> | ||
+ | ... and right aligned. | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <WRAP centeralign> | ||
+ | Center aligned text ... | ||
+ | </ | ||
+ | |||
+ | <WRAP rightalign> | ||
+ | ... and right aligned. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | :!: You cannot add alignments to spans. | ||
+ | |||
+ | |||
+ | ==== Boxes and Notes ==== | ||
+ | |||
+ | <WRAP round box 570px center> | ||
+ | //**__round box 570px center__**// | ||
+ | |||
+ | * '' | ||
+ | * any of the classes '' | ||
+ | * the classes '' | ||
+ | * '' | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP info 220px left> | ||
+ | // | ||
+ | <WRAP info></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP tip 220px left> | ||
+ | //**Tip**// | ||
+ | <WRAP tip></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP important 220px left> | ||
+ | // | ||
+ | <WRAP important></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP alert 220px left> | ||
+ | // | ||
+ | <WRAP alert></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP round help 220px left> | ||
+ | // | ||
+ | <WRAP round help></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP download 220px left> | ||
+ | // | ||
+ | <WRAP download></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP todo 220px left> | ||
+ | // | ||
+ | <WRAP todo></ | ||
+ | </ | ||
+ | |||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | |||
+ | **Safety Notes:** | ||
+ | |||
+ | <WRAP danger 27% left> | ||
+ | // | ||
+ | <WRAP danger></ | ||
+ | </ | ||
+ | |||
+ | <WRAP warning 27% left> | ||
+ | // | ||
+ | <WRAP warning></ | ||
+ | </ | ||
+ | |||
+ | <WRAP caution 27% left> | ||
+ | // | ||
+ | <WRAP caution></ | ||
+ | </ | ||
+ | |||
+ | <WRAP round notice 27% left> | ||
+ | // | ||
+ | <WRAP round notice></ | ||
+ | </ | ||
+ | |||
+ | <WRAP round safety 27% left> | ||
+ | // | ||
+ | <WRAP round safety></ | ||
+ | </ | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | |||
+ | You can use notes and boxes also inside text with spans like this: | ||
+ | <wrap info> | ||
+ | <wrap info> | ||
+ | |||
+ | ==== Marks ==== | ||
+ | |||
+ | You can mark text as <wrap hi> | ||
+ | |||
+ | You can mark text as <wrap hi> | ||
+ | |||
+ | :!: This might look ugly in some templates and should be adjusted accordingly. | ||
+ | |||
+ | ==== Miscellaneous ==== | ||
+ | |||
+ | === Indent === | ||
+ | |||
+ | <wrap indent> | ||
+ | |||
+ | <wrap indent> | ||
+ | |||
+ | === Outdent === | ||
+ | |||
+ | <wrap outdent> | ||
+ | |||
+ | <wrap outdent> | ||
+ | |||
+ | === Prewrap === | ||
+ | |||
+ | <WRAP prewrap 250px> | ||
+ | < | ||
+ | Inside this code block the words will wrap to a new line although they are all in one line. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <WRAP prewrap 250px> | ||
+ | < | ||
+ | Inside this code block the words will wrap to a new line although they are all in one line. | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === Spoiler === | ||
+ | |||
+ | Here follows a spoiler: <wrap spoiler> | ||
+ | |||
+ | Here follows a spoiler: <wrap spoiler> | ||
+ | |||
+ | Just select the text in the spoiler box to be able to read its content. | ||
+ | |||
+ | === Hide === | ||
+ | |||
+ | The following text is hidden: <wrap hide> | ||
+ | |||
+ | The following text is hidden: <wrap hide> | ||
+ | |||
+ | :!: Warning: The text will still appear in the source code, in non-modern browsers and is searchable. Do not hide any security risky secrets with it! | ||
+ | |||
+ | === Pagebreak === | ||
+ | |||
+ | The following will add a pagebreak: <WRAP pagebreak></ | ||
+ | |||
+ | The following will add a pagebreak: <WRAP pagebreak></ | ||
+ | |||
+ | This has no effect on the browser screen. A [[http:// | ||
+ | |||
+ | === Nopagebreak === | ||
+ | |||
+ | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
+ | |||
+ | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
+ | |||
+ | This also has no effect on the browser screen. It will try to [[http:// | ||
+ | |||
+ | === Noprint === | ||
+ | |||
+ | <wrap noprint> | ||
+ | |||
+ | <wrap noprint> | ||
+ | |||
+ | === Onlyprint === | ||
+ | |||
+ | <wrap onlyprint> | ||
+ | |||
+ | <wrap onlyprint> | ||
+ | |||
+ | ==== Typography ==== | ||
+ | |||
+ | I advice against using the following typography classes. It's better to create semantic classes that reflect their meaning instead. | ||
+ | |||
+ | * font family: '' | ||
+ | * font size: '' | ||
+ | * font colour: '' | ||
+ | * background colour: '' | ||
+ | |||
+ | |||
+ | ==== Combining and Nesting ==== | ||
+ | |||
+ | You can combine and nest all classes and types of boxes, e.g. | ||
+ | |||
+ | <WRAP box bggreen fgblack 350px right :en> | ||
+ | //**__Outer green box floats right__**// | ||
+ | |||
+ | <WRAP 165px left> | ||
+ | Inner nested box floats left and is partly <wrap em hi> | ||
+ | </ | ||
+ | |||
+ | Text inside outer right box, but beneath inner left box. | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | <WRAP round tip> | ||
+ | Round tip box underneath, after a '' | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | |||
+ | |||
+ | < | ||
+ | <WRAP box bggreen fgblack 350px right :en> | ||
+ | //**__Outer green box floats right__**// | ||
+ | |||
+ | <WRAP 165px left> | ||
+ | Inner nested box floats left and is partly <wrap em hi> | ||
+ | </ | ||
+ | |||
+ | Text inside outer right box, but beneath inner left box. | ||
+ | |||
+ | <WRAP clear></ | ||
+ | |||
+ | <WRAP round tip> | ||
+ | Round tip box underneath, after a '' | ||
+ | </ | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== 6.3 Language and Text Direction ===== | ||
+ | |||
+ | 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 :he> | ||
+ | זה עברית. ((<wrap :en>This means "This is Hebrew.", | ||
+ | </ | ||
+ | |||
+ | The text direction ('' | ||
+ | (If you specify a language not listed there, it simply won't do anything.) | ||
+ | |||
+ | ====== 7 sonstige Formatierungen ====== | ||
+ | |||
+ | ===== 7.1 horizontale Linie ===== | ||
+ | Mit vier aufeinander folgenden Minuszeichen (alleine in einer Zeile) kann eine horizontale Linie erzeugt werden: | ||
+ | ---- | ||
+ | < | ||
+ | |||
+ | |||
+ | ===== 7.2 Smileys ===== | ||
+ | |||
+ | DokuWiki verwandelt oft genutzte [[wpde> | ||
+ | Weitere Smiley-Grafiken können im Ordner " | ||
+ | Hier ist nun eine Übersicht der standardmäßig in DokuWiki enthaltenen Smileys: | ||
+ | |||
+ | ^ 8-) ^ 8-O ^ :-( ^ :-) ^ =) ^ :-/ ^ :-\ ^ :-? ^ :-D ^ :-P ^ :-O ^ :-X ^ :-| ^ ;-) ^ :?: ^ :!: ^ '' | ||
+ | | %% 8-) %% | %% 8-O %% | %% :-( %% | %% :-) %% | %% =) | ||
+ | |||
+ | ===== 7.3 Typografie ===== | ||
+ | |||
+ | [[DokuWiki]] kann einfache Textzeichen in ihre typografischen Entsprechungen umwandeln. | ||
+ | Hier eine Liste aller Zeichen, die DokuWiki kennt: | ||
+ | |||
+ | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
+ | "He thought ' | ||
+ | |||
+ | < | ||
+ | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
+ | "He thought ' | ||
+ | </ | ||
+ | |||
+ | Bitte beachtet: Diese Umwandlungen können in der Konfigurationsdatei abgestellt werden | ||
+ | |||
+ | ===== 7.4 HTML und PHP einbinden ===== | ||
+ | |||
+ | In einer Seite kann sowohl HTML als auch PHP direkt benutzt werden. | ||
+ | |||
+ | < | ||
+ | This is some <font color=" | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | This is some <font color=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <php> | ||
+ | echo 'A logo generated by PHP:'; | ||
+ | echo '< | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | <php> | ||
+ | echo 'A logo generated by PHP:'; | ||
+ | echo '< | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | **Achtung**: | ||
+ | |||
+ | **Achtung**: | ||
+ | |||
+ | ====== 8 Kontroll-Makros ====== | ||
+ | |||
+ | Einige Syntax-Befehle beeinflussen wie Dokuwiki eine Seite beim Aufruf ausgibt. Die folgenden Kontroll-Makros sind verfügbar: | ||
+ | |||
+ | ^ Makro ^ Beschreibung ^ | ||
+ | | %%~~NOTOC~~%% | ||
+ | | %%~~NOCACHE~~%% | Alle Seiten werden aus Performancegründen zwischengespeichert. Unter bestimmten Umständen ist dieses Verhalten aber nicht gewollt. Beim Einfügen dieses Makros wird DokuWiki angewiesen, den Inhalt der Seite neu aufzubauen. | | ||
+ | |||
+ | ---- | ||
+ | ====== 9 Syntax-Plugins ====== | ||
+ | Die Syntax von DokuWiki kann durch [[doku> | ||
+ | |||
+ | ~~INFO: |