wiki:syntax

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
wiki:syntax [21.09.2015 12:18] – Michael Wegenerwiki:syntax [02.07.2025 05:40] (aktuell) – Mermaid Plugin Syntax-Dokumentation hinzugefügt Jane Alesi
Zeile 1: Zeile 1:
-<todo>Übersetzen der Wiki Syntax Seite mit Bezug auf bp Richtlinien</todo> +====== Umfassende DokuWiki-Syntaxreferenz für wiki.satware.com ======
-====== Syntax ======+
  
-[[DokuWiki]] zeichnet sich u. a. durch einfache Textformatierungen aus. Dadurch bleiben die Dateien, die den Inhalt enthalten, gut lesbar.  +**Basierend auf DokuWiki 2024-02-06b "Kaos" Release**
-In den nachfolgenden Abschnitten sind die möglichen Formatierungsarten aufgelistet, die innerhalb des Editors verwendet werden können. Einige der hier vorgestellten Formatierungen sind auch direkt über die [[doku>de:toolbar|Quickbuttons]] erreichbar. +
-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 "Vorschau". +
  
-Zum  Ausprobieren oder Üben kann die [[playground:playground|Spielwiese]] verwendet werden.+----
  
 +===== Systemkonfiguration =====
 +  * **DokuWiki Version:** 2024-02-06b "Kaos"
 +  * **Template:** Bootstrap3 v2024-02-06 (hotfix/20241008)
 +  * **Installierte Plugins:** 25+ aktive Erweiterungen
 +  * **PHP-Kompatibilität:** 7.4 bis 8.1
  
-====== 1 Texte ====== +----
-===== 1.1 Formatierungen =====+
  
-DokuWiki unterstützt **fetten**, //kursiven//, __unterstrichenen__ und ''dicktengleichen'' ([[wpde>Dickte|Dickte]]) Text. Natürlich kann auch alles **__//''kombiniert''//__** werden.+===== 1. Grundlegende Textformatierung =====
  
-  DokuWiki unterstützt **fetten**, //kursiven//, __unterstrichenen__ und ''dicktengleichen'' Text.  +==== Textauszeichnung ==== 
-  Natürlich kann auch alles **__//''kombiniert''//__** werden.+<code> 
 +DokuWiki unterstützt **fett**, //kursiv//, __unterstrichen__ und ''monospace'' Text. 
 +Natürlich können Sie **__//''alles kombinieren''//__**. 
 +</code>
  
-Ebenso gibt es <sub>tiefgestellten</sub> und <sup>hochgestellten</sup> Text.+**Ergebnis:**\\ 
 +DokuWiki unterstützt **fett**, //kursiv//, __unterstrichen__ und ''monospace'' Text.\\ 
 +Natürlich können Sie **__//''alles kombinieren''//__**.
  
-  Ebenso gibt es <sub>tiefgestellten</sub> und <sup>hochgestellten</sup> Text.+==== Hoch- und Tiefstellung ==== 
 +<code> 
 +Sie können <sub>tiefgestellt</sub> und <sup>hochgestellt</sup> verwenden. 
 +Beispiel: H<sub>2</sub>O und E=mc<sup>2</sup> 
 +</code>
  
-Text kann als <del>gelöscht</del>((wer das Tag "eingefügt" (%%<ins>%%) benötigt. kann dies über Plugins realisieren. Siehe ganz unten!)) markiert werden.+**Ergebnis:** Sie können <sub>tiefgestellt</sub> und <sup>hochgestellt</sup> verwenden.\\ 
 +Beispiel: H<sub>2</sub>O und E=mc<sup>2</sup>
  
-  Text kann als <del>gelöscht</del> markiert werden.+==== Durchgestrichener Text ==== 
 +<code> 
 +Sie können etwas als <del>gelöscht</del> markieren. 
 +</code>
  
-===== 1.2 Absätze =====+**Ergebnis:** Sie können etwas als <del>gelöscht</del> markieren.
  
-Ein Absatz wird durch eine leere Zeile erzeugt. Eine neue Zeile (Zeilenumbruch) kann durch zwei "Backslashes" (umgekehrte Schrägstriche: %%\\%%) gefolgt von einem Leerzeichen erzeugt werden.+==== Zeilenumbrüche und Absätze ==== 
 +<code> 
 +Dies ist Text mit Zeilenumbrüchen\\ 
 +Beachten Sie, dass die zwei Backslashes nur am Zeilenende\\ 
 +oder gefolgt von\\ einem Leerzeichen erkannt werden \\dies passiert ohne. 
 +</code>
  
-Dies ist ein Beispieltext mit einigen Zeilenumbrüchen.\\ Beachte: Die zwei umgekehrten Schrägstriche +**Ergebnis:**\\ 
-werden nur erkannt, wenn sie am Zeilenende stehen\\ +Dies ist Text mit Zeilenumbrüchen\\ 
-oder wenn ihnen ein\\ Leerzeichen folgt.\\ So\\sieht es ohne Leerzeichen aus.+Beachten Sie, dass die zwei Backslashes nur am Zeilenende\\ 
 +oder gefolgt von\\ einem Leerzeichen erkannt werden \\dies passiert ohne.
  
-  Dies ist ein Beispieltext mit einigen Zeilenumbrüchen.\\ Beachte: Die zwei umgekehrten Schrägstriche +**Wichtig:** Verwenden Sie erzwungene Zeilenumbrüche nur wenn wirklich nötig.
-  werden nur erkannt, wenn sie am Zeilenende stehen\\ +
-  oder wenn ihnen ein\\ Leerzeichen folgt.\\ So\\sieht es ohne Leerzeichen aus.+
  
-Zeilenumbrüche durch zwei "Backslashes" (umgekehrte Schrägstriche: %%\\%%) sollten nur verwendet werden, wenn sie unbedingt notwendig sind.+----
  
-===== 1.3 Überschriften ===== +===== 2. Überschriften und Gliederung =====
-Mit fünf unterschiedlichen Ebenen, getrennt durch Überschriften, kann der Inhalt einer Seite strukturiert werden. +
-Die Überschriften werden mit maximal sechs "=" eingerahmt, je nach Größe.  H1 ist die Überschrift auf höchster Ebene. Am einfachsten ist es zur Erzeugung der Überschriften, die Symbolleiste zu verwenden. Das Einfügen der Überschriften erfolgt über die Buttons, die ein "H" anzeigen. +
  
-Es ist __sinnvoll__, wenn immer eine Level 1 Überschrift am Anfang eines Artikels steht.+==== Überschriftenebenen ==== 
 +<code> 
 +====== Ebene 1 (Hauptüberschrift) ====== 
 +===== Ebene 2 ===== 
 +==== Ebene 3 ==== 
 +=== Ebene 4 === 
 +== Ebene 5 == 
 +</code>
  
-Wenn in einer Seite mehr als drei Überschriften vorkommen, wird automatisch ein Inhaltsverzeichnis erstellt, welches alle Überschriften auflistet. +**Ergebnis:** 
-Soll dieses Inhaltsverzeichnis nicht erstellt werden, muss der Befehl: ''<nowiki>~~NOTOC~~</nowiki>'' mit in die Seite aufgenommen werden.+====== Ebene 1 (Hauptüberschrift) ====== 
 +===== Ebene 2 ===== 
 +==== Ebene 3 ==== 
 +=== Ebene 4 === 
 +== Ebene 5 ==
  
-  ====== Überschrift Ebene 1 ====== +==== Automatisches Inhaltsverzeichnis ==== 
-  ===== Überschrift Ebene 2 ===== +  * Wird automatisch bei mehr als 3 Überschriften erstellt 
-  ==== Überschrift Ebene 3 ==== +  * Deaktivierung mit ''%%~~NOTOC~~%%''
-  === Überschrift Ebene 4 === +
-  == Überschrift Ebene 5 ==+
  
-Innerhalb von Überschriften können standardmäßig keine weiteren Formatierungen vorgenommen werden! (s. [[faq:headerlinks|FAQ - Headerlinks]])+==== Horizontale Linie ==== 
 +<code> 
 +---- 
 +</code>
  
-===== 1.4 unformatierte Abschnitte =====+**Ergebnis:** 
 +---- 
 + 
 +Vier oder mehr Bindestriche erzeugen eine horizontale Linie. 
 + 
 +----
  
-Um Text so anzuzeigen, wie er geschrieben wurde, egal ob er DokuWiki Formatierungen oder andere Formatierungen enthält, kann man jede +===== 3. Links =====
-Zeile mit zwei Leerzeichen beginnen (so wie es in dieser Seite angewendet wurde) oder einen der Bezeichner "code" bzw. "file" benutzen:+
  
 +==== Externe Links ====
 <code> <code>
-Mit "code": In diesem Text werden keine überflüssigen Leerzeichen entfernt: wie hier              <-- zwischen+http://www.google.com 
 +[[http://www.google.com]] 
 +[[http://www.google.com|Dieser Link führt zu Google]] 
 +<andi@splitbrain.org>
 </code> </code>
  
 +**Ergebnis:**\\
 +http://www.google.com\\
 +[[http://www.google.com]]\\
 +[[http://www.google.com|Dieser Link führt zu Google]]\\
 +<andi@splitbrain.org>
  
-  <file plain Beispiel.txt> +==== Interne Links ==== 
-  Mit dem Bezeichner "file" kann ein bestimmter Abschnitt als einzelner Bestandteil  +<code> 
-  auf einer Seite zum Download angeboten werden. +[[seitenname]] 
-  </file>+[[seitenname|Link-Text]] 
 +[[namespace:seitenname]] 
 +[[syntax#internal|Zu diesem Abschnitt]] 
 +</code>
  
-Innerhalb von "file" ist auch die im Abschnitt weiter unten beschriebene [[#Syntax-Hervorhebung|Syntax-Hervorhebung]] aktivierbar.+**Ergebnis:**\\ 
 +[[seitenname]]\\ 
 +[[seitenname|Link-Text]]\\ 
 +[[namespace:seitenname]]\\ 
 +[[syntax#internal|Zu diesem Abschnitt]]
  
-<file perl HelloWorld.pl> +==== Interwiki-Links ==== 
-#!/usr/bin/perl +<code> 
-print "Hello World!\n"; +[[doku>Interwiki]] 
-</file>+[[wp>Wiki]] 
 +</code>
  
-  <file perl HelloWorld.pl> +**Ergebnis:**\\ 
-  #!/usr/bin/perl +[[doku>Interwiki]]\\ 
-  print "Hello World!\n"; +[[wp>Wiki]]
-  </file>+
  
-Um jegliche Umwandlung durch DokuWiki abzustellen, umschließe den entsprechenden Bereich mit "nowiki" Bezeichnern oder kürzer mit doppelten Prozentzeichen ''<nowiki>%%</nowiki>''.+==== Windows-Freigaben ==== 
 +<code> 
 +[[\\server\freigabe|Diese Freigabe]] 
 +</code>
  
-<nowiki> +**Ergebnis:**\\ 
-Dieser Text enthält links wie: http://www.splitbrain.org und **Formatierungen** aber sie werden nicht umgesetzt und erscheinen als normaler Text. +[[\\server\freigabe|Diese Freigabe]]
-</nowiki>+
  
-%%Dieser Text ist nun mit %%''<nowiki>%%</nowiki>''%% markiert und hat die gleiche Wirkung wie "nowiki".+==== Bild-Links ==== 
 +<code> 
 +[[http://php.net|{{wiki:dokuwiki-128.png}}]] 
 +</code>
  
-"Dieser Text enthält links wie: http://www.splitbrain.org und **Formatierungen** aber sie werden nicht umgesetzt und erscheinen als normaler Text."%%+**Ergebnis:**\\ 
 +[[http://php.net|{{wiki:dokuwiki-128.png}}]]
  
-Einfach den Quelltext dieser Seite anschauen (den Knopf "Edit" drücken) um zu sehen, wie diese Blöcke angewendet werden.+----
  
-===== 1.5 Syntax-Hervorhebung =====+===== 4. Bilder und Medien =====
  
-[[DokuWiki]] kennt Syntax-Highlighting für Quellcode, um dessen Lesbarkeit zu erhöhen. Dafür wird [[http://qbnz.com/highlighter/|GeSHi]] "**Ge**neric **S**yntax **Hi**ghlighter" benutzt. Somit wird jede Programmiersprache unterstützt, die GeSHi kennt. +==== Grundlegende Bildsyntax ==== 
-Es wird der gleiche Bezeichner wie im vorherigen Abschnitt benutzt, nur dass er nun auch den Namen der Sprache enthält: +<code> 
-''<nowiki><code java> Quelltext </code></nowiki>''+{{wiki:dokuwiki-128.png}}                    // Originalgröße 
 +{{wiki:dokuwiki-128.png?50}}                 // Breite: 50px 
 +{{wiki:dokuwiki-128.png?200x50}}             // Breite x Höhe 
 +{{https://www.php.net/images/php.gif?200x50}} // Externes Bild 
 +</code>
  
 +**Ergebnis:**\\
 +{{wiki:dokuwiki-128.png}}\\
 +{{wiki:dokuwiki-128.png?50}}\\
 +{{wiki:dokuwiki-128.png?200x50}}\\
 +{{https://www.php.net/images/php.gif?200x50}}
 +
 +==== Bildausrichtung ====
 +<code>
 +{{ wiki:dokuwiki-128.png}}    // Rechtsbündig
 +{{wiki:dokuwiki-128.png }}    // Linksbündig
 +{{ wiki:dokuwiki-128.png }}   // Zentriert
 +</code>
 +
 +**Ergebnis:**
 +
 +{{ wiki:dokuwiki-128.png}}
 +
 +{{wiki:dokuwiki-128.png }}
 +
 +{{ wiki:dokuwiki-128.png }}
 +
 +==== Bildtitel und Alt-Text ====
 +<code>
 +{{ wiki:dokuwiki-128.png |Dies ist die Bildunterschrift}}
 +</code>
 +
 +**Ergebnis:**\\
 +{{ wiki:dokuwiki-128.png |Dies ist die Bildunterschrift}}
 +
 +==== Unterstützte Medienformate ====
 +
 +^ Typ ^ Formate ^
 +| **Bilder** | ''gif'', ''jpg'', ''png'', ''svg'' |
 +| **Video** | ''webm'', ''ogv'', ''mp4'' |
 +| **Audio** | ''ogg'', ''mp3'', ''wav'' |
 +| **Flash** | ''swf'' |
 +
 +==== Nur-Link zu Medien ====
 +<code>
 +{{wiki:dokuwiki-128.png?linkonly}}
 +</code>
 +
 +**Ergebnis:**\\
 +{{wiki:dokuwiki-128.png?linkonly}}
 +
 +==== Fallback-Formate für Videos ====
 +Laden Sie mehrere Formate hoch (z.B. ''video.mp4'', ''video.webm'', ''video.ogv'') für maximale Browser-Kompatibilität.
 +
 +----
 +
 +===== 5. Listen =====
 +
 +==== Ungeordnete Listen ====
 +<code>
 +  * Dies ist eine Liste
 +  * Der zweite Punkt
 +    * Sie können verschiedene Ebenen haben
 +    * Noch ein Unterpunkt
 +  * Ein weiterer Punkt
 +</code>
 +
 +**Ergebnis:**
 +  * Dies ist eine Liste
 +  * Der zweite Punkt
 +    * Sie können verschiedene Ebenen haben
 +    * Noch ein Unterpunkt
 +  * Ein weiterer Punkt
 +
 +==== Geordnete Listen ====
 +<code>
 +  - Die gleiche Liste, aber nummeriert
 +  - Ein weiterer Punkt
 +    - Verwenden Sie Einrückung für tiefere Ebenen
 +    - Das war's
 +  - Zurück zur ersten Ebene
 +</code>
 +
 +**Ergebnis:**
 +  - Die gleiche Liste, aber nummeriert
 +  - Ein weiterer Punkt
 +    - Verwenden Sie Einrückung für tiefere Ebenen
 +    - Das war's
 +  - Zurück zur ersten Ebene
 +
 +==== Gemischte Listen ====
 +<code>
 +  * Ungeordnet
 +    - Geordnet
 +    - Noch einer
 +  * Zurück zu ungeordnet
 +</code>
 +
 +**Ergebnis:**
 +  * Ungeordnet
 +    - Geordnet
 +    - Noch einer
 +  * Zurück zu ungeordnet
 +
 +----
 +
 +===== 6. Tabellen =====
 +
 +==== Grundlegende Tabellensyntax ====
 +<code>
 +^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +| Zeile 2 Sp 1  | Zeile 2 Sp 2  | Zeile 2 Sp 3  |
 +</code>
 +
 +**Ergebnis:**
 +^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +| Zeile 2 Sp 1  | Zeile 2 Sp 2  | Zeile 2 Sp 3  |
 +
 +==== Colspan (Zellen horizontal verbinden) ====
 +<code>
 +^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +| Zeile 2 Sp 1  | ein colspan (beachten Sie die doppelte Pipe) ||
 +| Zeile 3 Sp 1  | Zeile 3 Sp 2  | Zeile 3 Sp 3  |
 +</code>
 +
 +**Ergebnis:**
 +^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +| Zeile 2 Sp 1  | ein colspan (beachten Sie die doppelte Pipe) ||
 +| Zeile 3 Sp 1  | Zeile 3 Sp 2  | Zeile 3 Sp 3  |
 +
 +==== Vertikale Überschriften ====
 +<code>
 +|              ^ Überschrift 1  ^ Überschrift 2  ^
 +^ Überschrift 3 | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +^ Überschrift 4 | Zeile 2 Sp 2  | Zeile 2 Sp 3  |
 +</code>
 +
 +**Ergebnis:**
 +|              ^ Überschrift 1  ^ Überschrift 2  ^
 +^ Überschrift 3 | Zeile 1 Sp 2  | Zeile 1 Sp 3  |
 +^ Überschrift 4 | Zeile 2 Sp 2  | Zeile 2 Sp 3  |
 +
 +==== Rowspan (Zellen vertikal verbinden) ====
 +<code>
 +^ Überschrift 1 ^ Überschrift 2                ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | diese Zelle erstreckt sich vertikal | Zeile 1 Sp 3 |
 +| Zeile 2 Sp 1  | :::                                 | Zeile 2 Sp 3 |
 +| Zeile 3 Sp 1  | :::                                 | Zeile 3 Sp 3 |
 +</code>
 +
 +**Ergebnis:**
 +^ Überschrift 1 ^ Überschrift 2                ^ Überschrift 3 ^
 +| Zeile 1 Sp 1  | diese Zelle erstreckt sich vertikal | Zeile 1 Sp 3 |
 +| Zeile 2 Sp 1  | :::                                 | Zeile 2 Sp 3 |
 +| Zeile 3 Sp 1  | :::                                 | Zeile 3 Sp 3 |
 +
 +==== Tabellenausrichtung ====
 +<code>
 +^           Tabelle mit Ausrichtung           ^^^
 +|        rechts|    zentriert    |links          |
 +|links          |        rechts|    zentriert    |
 +| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
 +</code>
 +
 +**Ergebnis:**
 +^           Tabelle mit Ausrichtung           ^^^
 +|        rechts|    zentriert    |links          |
 +|links          |        rechts|    zentriert    |
 +| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
 +
 +**Ausrichtungsregeln:**
 +  * **Rechtsbündig:** Mindestens 2 Leerzeichen links
 +  * **Linksbündig:** Mindestens 2 Leerzeichen rechts  
 +  * **Zentriert:** Mindestens 2 Leerzeichen auf beiden Seiten
 +
 +----
 +
 +===== 7. Code und Formatierung =====
 +
 +==== Inline-Code ====
 +<code>
 +Dies ist ''monospace'' Text.
 +</code>
 +
 +**Ergebnis:**\\
 +Dies ist ''monospace'' Text.
 +
 +==== Code-Blöcke ====
 +**Ergebnis:**
 +<code>
 +Dies ist vorformatierter Code, alle Leerzeichen bleiben erhalten: wie              <-hier
 +</code>
 +
 +==== Datei-Blöcke ====
 +<code>
 +<file>
 +Dies ist ziemlich dasselbe, aber Sie könnten es verwenden, um zu zeigen, dass Sie eine Datei zitiert haben.
 +</file>
 +</code>
 +
 +**Ergebnis:**
 +<file>
 +Dies ist ziemlich dasselbe, aber Sie könnten es verwenden, um zu zeigen, dass Sie eine Datei zitiert haben.
 +</file>
 +
 +==== Syntax-Highlighting ====
 +<code>
 <code java> <code java>
-/**  +/** 
- * The HelloWorldApp class implements an application that + * Die HelloWorldApp-Klasse implementiert eine Anwendung, die 
- * simply displays "Hello World!" to the standard output.+ * einfach "Hello World!" zur Standardausgabe anzeigt.
  */  */
 class HelloWorldApp { class HelloWorldApp {
     public static void main(String[] args) {     public static void main(String[] args) {
-        System.out.println("Hello World!"); //Display the string.+        System.out.println("Hello World!"); //Zeigt den String an.
     }     }
 } }
 +</code>
 </code> </code>
  
-Es werden folgende Sprachen unterstützt: //actionscript, actionscript-french, ada, apache, applescript, asm, asp, bash, caddcl, cadlisp, **c**, c_mac, cpp, csharp, css, **delphi**, diff, d, div, dos, eiffel, freebasic, gml, html4strict, ini, inno, **java**, javascript, lisp, lua, matlab, mpasm, nsis, objc, ocaml, ocaml-brief, oobas, oracle8, pascal, perl, php-brief, **php**, python, qbasic, scheme, sdlbasic, smarty, **sql**, ruby, vb, vbnet, vhdl, visualfoxpro, **xml**//+**Ergebnis:** 
 +<code java> 
 +/** 
 + * Die HelloWorldApp-Klasse implementiert eine Anwendung, die 
 + * einfach "Hello World!" zur Standardausgabe anzeigt. 
 + */ 
 +class HelloWorldApp { 
 +    public static void main(String[] args) { 
 +        System.out.println("Hello World!"); //Zeigt den String an. 
 +    } 
 +} 
 +</code>
  
-===== 1.6 Zitat / Kommentar ===== +==== Unterstützte Sprachen für Syntax-Highlighting ==== 
-Um einen Text als Zitat oder Kommentar zu kennzeichnen, wird das "größer als" - Zeichen folgendermaßen verwendet:+''4cs'', ''6502acme'', ''6502kickass'', ''6502tasm'', ''68000devpac'', ''abap'', ''actionscript3'', ''actionscript'', ''ada'', ''aimms'', ''algol68'', ''apache'', ''applescript'', ''apt_sources'', ''arm'', ''asm'', ''asp'', ''asymptote'', ''autoconf'', ''autohotkey'', ''autoit'', ''avisynth'', ''awk'', ''bascomavr'', ''bash'', ''basic4gl'', ''batch'', ''bf'', ''biblatex'', ''bibtex'', ''blitzbasic'', ''bnf'', ''boo'', ''caddcl'', ''cadlisp'', ''ceylon'', ''cfdg'', ''cfm'', ''chaiscript'', ''chapel'', ''cil'', ''c_loadrunner'', ''clojure'', ''c_mac'', ''cmake'', ''cobol'', ''coffeescript'', ''c'', ''cpp'', ''cpp-qt'', ''cpp-winapi'', ''csharp'', ''css'', ''cuesheet'', ''c_winapi'', ''dart'', ''dcl'', ''dcpu16'', ''dcs'', ''delphi'', ''diff'', ''div'', ''dos'', ''dot'', ''d'', ''ecmascript'', ''eiffel'', ''email'', ''epc'', ''e'', ''erlang'', ''euphoria'', ''ezt'', ''f1'', ''falcon'', ''fo'', ''fortran'', ''freebasic'', ''freeswitch'', ''fsharp'', ''gambas'', ''gdb'', ''genero'', ''genie'', ''gettext'', ''glsl'', ''gml'', ''gnuplot'', ''go'', ''groovy'', ''gwbasic'', ''haskell'', ''haxe'', ''hicest'', ''hq9plus'', ''html'', ''html4strict'', ''html5'', ''icon'', ''idl'', ''ini'', ''inno'', ''intercal'', ''io'', ''ispfpanel'', ''java5'', ''java'', ''javascript'', ''jcl'', ''j'', ''jquery'', ''julia'', ''kixtart'', ''klonec'', ''klonecpp'', ''kotlin'', ''latex'', ''lb'', ''ldif'', ''lisp'', ''llvm'', ''locobasic'', ''logtalk'', ''lolcode'', ''lotusformulas'', ''lotusscript'', ''lscript'', ''lsl2'', ''lua'', ''m68k'', ''magiksf'', ''make'', ''mapbasic'', ''mathematica'', ''matlab'', ''mercury'', ''metapost'', ''mirc'', ''mk-61'', ''mmix'', ''modula2'', ''modula3'', ''mpasm'', ''mxml'', ''mysql'', ''nagios'', ''netrexx'', ''newlisp'', ''nginx'', ''nimrod'', ''nsis'', ''oberon2'', ''objc'', ''objeck'', ''ocaml-brief'', ''ocaml'', ''octave'', ''oobas'', ''oorexx'', ''oracle11'', ''oracle8'', ''oxygene'', ''oz'', ''parasail'', ''parigp'', ''pascal'', ''pcre'', ''perl6'', ''perl'', ''per'', ''pf'', ''phix'', ''php-brief'', ''php'', ''pic16'', ''pike'', ''pixelbender'', ''pli'', ''plsql'', ''postgresql'', ''postscript'', ''povray'', ''powerbuilder'', ''powershell'', ''proftpd'', ''progress'', ''prolog'', ''properties'', ''providex'', ''purebasic'', ''pycon'', ''pys60'', ''python'', ''qbasic'', ''qml'', ''q'', ''racket'', ''rails'', ''rbs'', ''rebol'', ''reg'', ''rexx'', ''robots'', ''roff'', ''rpmspec'', ''rsplus'', ''ruby'', ''rust'', ''sas'', ''sass'', ''scala'', ''scheme'', ''scilab'', ''scl'', ''sdlbasic'', ''smalltalk'', ''smarty'', ''spark'', ''sparql'', ''sql'', ''sshconfig'', ''standardml'', ''stonescript'', ''swift'', ''systemverilog'', ''tclegg'', ''tcl'', ''teraterm'', ''texgraph'', ''text'', ''thinbasic'', ''tsql'', ''twig'', ''typoscript'', ''unicon'', ''upc'', ''urbi'', ''uscript'', ''vala'', ''vbnet'', ''vb'', ''vbscript'', ''vedit'', ''verilog'', ''vhdl'', ''vim'', ''visualfoxpro'', ''visualprolog'', ''whitespace'', ''whois'', ''winbatch'', ''wolfram'', ''xbasic'', ''xml'', ''xojo'', ''xorg_conf'', ''xpp'', ''yaml'', ''z80'', ''zxbasic''
  
-  Ich denke wir sollten es tun. +==== Herunterladbare Code-Blöcke ==== 
-   +<code> 
-  > Nein, sollten wir nicht. +<file php myexample.php> 
-   +<?php echo "hello world!"; ?> 
-  >> Doch! +</file> 
-   +</code>
-  > Wirklich? +
-   +
-  >> Ja! +
-   +
-  >>> Dann lass es uns tun! +
-   +
-  >>> Kommentare oder Zitate können auch über mehrere Zeilen gehen, wie dieser völlig unsinnige Text zeigt. Um einen Text als Zitat oder Kommentar zu kennzeichnen, wird das "größer als"-Zeichen folgendermaßen verwendet+
  
-Ich denke wir sollten es tun+**Ergebnis:** 
 +<file php myexample.php> 
 +<?php echo "hello world!"; ?> 
 +</file>
  
-> Nein, sollten wir nicht.+==== Code ohne Highlighting ==== 
 +<code> 
 +<code - myfile.foo> 
 +Kein Syntax-Highlighting, aber herunterladbar 
 +</code> 
 +</code>
  
->> Doch!+**Ergebnis:** 
 +<code - myfile.foo> 
 +Kein Syntax-Highlighting, aber herunterladbar 
 +</code> 
 + 
 +---- 
 + 
 +===== 8. Keine Formatierung ===== 
 + 
 +==== Nowiki-Tags ==== 
 +<code> 
 +<nowiki> 
 +Dies ist Text, der Adressen wie diese enthält: http://www.splitbrain.org und **Formatierung**, aber nichts wird damit gemacht. 
 +</nowiki> 
 +</code> 
 + 
 +**Ergebnis:** 
 +<nowiki> 
 +Dies ist Text, der Adressen wie diese enthält: http://www.splitbrain.org und **Formatierung**, aber nichts wird damit gemacht. 
 +</nowiki> 
 + 
 +==== Prozent-Zeichen ==== 
 +<code> 
 +Das Gleiche gilt für %%//__dieser__ Text// mit einem Smiley ;-)%%. 
 +</code> 
 + 
 +**Ergebnis:**\\ 
 +Das Gleiche gilt für %%//__dieser__ Text// mit einem Smiley ;-)%%. 
 + 
 +---- 
 + 
 +===== 9. Zitate ===== 
 + 
 +<code> 
 +Ich denke, wir sollten es tun 
 + 
 +> Nein, sollten wir nicht 
 + 
 +>> Nun, ich sage, wir sollten
  
 > Wirklich? > Wirklich?
Zeile 142: Zeile 456:
 >> Ja! >> Ja!
  
->>> Dann lass es uns tun+>>> Dann lass es uns tun! 
 +</code>
  
->>> Kommentare oder Zitate können auch über mehrere Zeilen gehen, wie dieser völlig unsinnige Text zeigt. Um einen Text als Zitat oder Kommentar zu kennzeichnen, wird das "größer als"-Zeichen folgendermaßen verwendet +**Ergebnis:**
-  +
-===== 1.7 Escapezeichen ===== +
-Will man verhindern, dass DokuWiki irgendwelche Formatierungen am bzw. Umwandlungen im Text vornimmt so kann man die Prozentzeichen benutzen +
-<code>%%[[wiki:testseite|Testseite]]%%</code> +
-Die Ausgabe würde dann folgendermaßen aussehen %%[[wiki:testseite|Testseite]]%%+
  
-===== 1.8 Fußnoten =====+Ich denke, wir sollten es tun
  
-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. +> Nein, sollten wir nicht
  
-  Fußnoten ((dies ist eine Fußnote)) werden durch eine doppelte runde Klammer dargestellt ((eine zweite Fußnote))+>> Nun, ich sage, wir sollten
  
-====== 2 Links ======+> Wirklich?
  
-Mit DokuWiki können fünf unterschiedliche Arten von Links benutzt werden:+>> Ja!
  
-===== 2.1 Extern =====+>>> Dann lass es uns tun!
  
-Externe Links (Verweise auf andere Webseiten oder Dateien) werden automatisch erkannt: http://www.google.com oder einfach www.google.com. +----
-Verweise können auch hinter eigenen Begriffen versteckt werden: [[http://www.google.com|hier ist google]]. +
-E-Mail Adressen werden in spitze Klammern gesetzt: <andi@splitbrain.org>.+
  
-  Externe Links werden automatisch erkannt: http://www.google.com oder einfach www.google.com. +===== 10. Fußnoten =====
-  Verweise können auch hinter eigenen Begriffen versteckt werden: [[http://www.google.com|hier ist google]]. +
-  E-Mail Adressen werden in spitze Klammern gesetzt: <andi@splitbrain.org>.+
  
-===== 2.2 Intern =====+<code> 
 +Sie können Fußnoten((Dies ist eine Fußnote)) hinzufügen, indem Sie doppelte Klammern verwenden. 
 +</code>
  
-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): +**Ergebnis:** Sie können Fußnoten((Dies ist eine Fußnote)) hinzufügen, indem Sie doppelte Klammern verwenden.
-[[doku>pagename]]+
  
-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: +===== 11. Text-Konvertierungen =====
-  [[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! +==== Smileys ==== 
-Umlaute sind genauso wie Sonderzeichen nicht erlaubt!+DokuWiki konvertiert häufig verwendete Emoticons in ihre grafischen Entsprechungen:
  
-Durch einen Doppelpunkt werden Namensbereiche im Wiki aufgelöst: [[de:namespaces]] +<code> 
 +8-) 8-O :-( :-) =) :-/ :-\ :-? :-D :-P :-O :-X :-| ;-) ^_^ m( :?: :!: LOL FIXME DELETEME 
 +</code>
  
-  Durch einen Doppelpunkt werden Namensbereiche im Wiki aufgelöst:[[de:namespaces]] +**Ergebnis:**\\ 
 +8-) 8-O :-( :-) =) :-/ :-\ :-? :-D :-P :-O :-X :-| ;-) ^_^ m( :?: :!: LOL FIXME DELETEME
  
-Weitere Informationen zu Namensbereichen: [[doku>de:namespaces]].+==== Typografische Konvertierungen ==== 
 +<code> 
 +-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) 
 +"Er dachte 'Es ist eine Männerwelt'..." 
 +</code>
  
-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. +**Ergebnis:**\\ 
 +-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)\\ 
 +"Er dachte 'Es ist eine Männerwelt'..."
  
-Dieses Beispiel verlinkt zu [[de:wiki:syntax#intern|diesem Abschnitt]].+----
  
-  Dieses Beispiel verlinkt zu [[de:wiki:syntax#intern|diesem Abschnitt]].+===== 12. RSS/ATOM Feed-Aggregation =====
  
 +<code>
 +{{rss>http://slashdot.org/index.rss 5 author date 1h}}
 +</code>
  
-Anmerkungen:+**Ergebnis:**\\ 
 +{{rss>http://slashdot.org/index.rss 5 author date 1h}}
  
-  * Links zu [[syntax|existierenden Seiten]] werden anders angezeigt als Links zu [[nicht-existierenden]] Seiten. +**Parameter:** 
-  * DokuWiki verwendet standardmäßig keine [[wpde>CamelCase]] für Links. In der Einstellungsdatei: [[doku>config]] kann das aber geändert werden. **Hinweis**: wenn das Wort "DokuWiki" als Link angezeigt wird, dann ist diese Option eingeschaltet. +  * **Zahl:** Maximale Anzahl der anzuzeigenden Elemente (Standard: 8) 
-  * Ändert sich eine Überschrift im Zieldokument, führt der Anker ins Leere ohne das der Link dabei als Fehlerhaft angezeigt wird. +  * **reverse:** Zeigt die letzten Elemente zuerst an 
-  * Anker werden klein geschrieben, es werden Leerzeichen mit Unterstrichen und Umlaute mit Ihren Umschreibungen (ä = ae) verwendet.+  * **author:** Zeigt Autorennamen an 
 +  * **date:** Zeigt Elementdaten an 
 +  * **description:** Zeigt Elementbeschreibung an (HTML-Tags werden entfernt) 
 +  * **nosort:** Sortiert die Elemente nicht 
 +  * **n[dhm]:** Aktualisierungsperiode (d=Tage, h=Stunden, m=Minuten)
  
-===== 2.3 Interwiki =====+----
  
-DokuWiki unterstützt auch Links in andere Wikis, sogenannte [[doku>de:interwiki]] Links. +===== 13. Kontroll-Makros =====
-Ein Link zur Wikipedia Seite über Wikis:[[wpde>Wiki]]+
  
-  DokuWiki unterstützt auch Links in andere Wikis, sogenannte [[doku>de:interwiki]] Links. +==== NOTOC - Inhaltsverzeichnis unterdrücken ==== 
-  Ein Link zur Wikipedia Seite über Wikis:[[wpde>Wiki]]+<code> 
 +~~NOTOC~~ 
 +</code>
  
-===== 2.4 Windows-Freigaben =====+**Ergebnis:** Verhindert die automatische Erstellung eines Inhaltsverzeichnisses.
  
-DokuWiki kennt auch Links auf Windows-Freigaben: [[\\server\freigabe|freigegebener-Ordner]]. +==== NOCACHE - Cache deaktivieren ==== 
-Dies ist allerdings nur in einer homogenen Benutzergruppe sinnvoll (siehe [[wpde>Intranet]]).+<code> 
 +~~NOCACHE~~ 
 +</code>
  
-  [[\\server\freigabe|this]].+**Ergebnis:** Zwingt DokuWiki, die Seite bei jedem Aufruf neu zu rendern.
  
-Hinweis: +----
-  * Aus Sicherheitsgründen funktioniert direktes Navigieren durch die Freigaben standardmäßig nur mit dem Internet Explorer (und das nur in der "lokalen Zone")! +
-  * Für Mozilla und Firefox kann es durch die Option [[http://www.mozilla.org/quality/networking/docs/netprefs.html#file|security.checkloaduri]] eingeschaltet werden, was aber nicht empfohlen wird! (Weitere Informationen: [[http://kb.mozillazine.org/Links_to_local_pages_do_not_work|Links to local pages do not work]]) +
-  * Opera ignoriert als Sicherheitsfeature seit [[http://www.opera.com/windows/changelogs/754/|Version 7.54]] alle Links auf //file:// in Webseiten. +
-  * Für weitere Informationen siehe: [[bug>151]]+
  
-===== 2.5 Bilder als Links =====+===== 14. Plugin-spezifische Syntax =====
  
-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:+Ihre Installation verfügt über folgende Syntax-Plugins:
  
-   [[http://www.php.net|{{wiki:dokuwiki-128.png}}]]+==== Add New Page Plugin ==== 
 +<code> 
 +{{NEWPAGE}} 
 +{{NEWPAGE>namespace}} 
 +{{NEWPAGE>namespace?label=Benutzerdefiniertes Label}} 
 +</code>
  
-[[http://www.php.net|{{wiki:dokuwiki-128.png}}]]+**Ergebnis:**\\ 
 +{{NEWPAGE}}\\ 
 +{{NEWPAGE>namespace}}\\ 
 +{{NEWPAGE>namespace?label=Benutzerdefiniertes Label}}
  
-Bitte beachte: Bildformatierungen sind die einzigen Formatierungen, die in Linknamen benutzt werden können!+==== BPMN.io Plugin ==== 
 +<code> 
 +<bpmnio type="bpmn"> 
 +BPMN XML Inhalt hier... 
 +</bpmnio> 
 +</code>
  
-====== 3 Bilder und andere Dateien ======+**Ergebnis:** Rendert BPMN-Diagramme basierend auf dem bereitgestellten XML-Inhalt.
  
-===== 3.1 Bilder im DokuWiki speichern =====+==== Bureaucracy Plugin ==== 
 +<code> 
 +<form> 
 +Action mail me@example.com 
 +Thanks "Vielen Dank für Ihre Eingabe."
  
-Um Bilder im DokuWiki speichern zu dürfen, muss der Benutzer die entsprechende Berechtigung besitzen ([[de:acl|ACL]]). Zum Hochladen ist mindestens die Berechtigung "Hochladen" (engl. "Upload"), zum Löschen "Entfernen" (engl. "Delete") für den [[de:namespaces|Namensraum]] erforderlich.+Fieldset "Persönliche Daten" 
 +Textbox "Name" "=Ihr Name" 
 +email "E-Mail Adresse" @@
  
-===== 3.2 Größe von Bildern  ===== +submit "Absenden" 
-Mit geschweiften Klammern können sowohl externe als auch interne [[doku>images|Bilder]] eingebunden werden. Das Bild heißt in diesem Beispiel "dokuwiki-128.png". Optional kann deren Größe angegeben werden:+</form> 
 +</code>
  
-Originalgröße:                      {{wiki:dokuwiki-128.png}}+**Ergebnis:** Erstellt ein funktionsfähiges Formular mit E-Mail-Versand.
  
-Eine Breite vorgeben:                {{wiki:dokuwiki-128.png?50}}+==== Color Plugin ==== 
 +<code> 
 +<color green>grüner Text</color> 
 +<color blue/lightgrey>blauer Text auf hellgrauem Hintergrund</color> 
 +<color #FF0000>roter Text</color> 
 +</code>
  
-Breite und Höhe vorgeben:            {{wiki:dokuwiki-128.png?200x50}}+**Ergebnis:**\\ 
 +<color green>grüner Text</color>\\ 
 +<color blue/lightgrey>blauer Text auf hellgrauem Hintergrund</color>\\ 
 +<color #FF0000>roter Text</color>
  
-Größe für externe Bilder vorgeben:   {{http://de3.php.net/images/php.gif?200x50}}+==== DataTables Plugin ==== 
 +<code> 
 +<datatables> 
 +^ Spalte A ^ Spalte B ^ Spalte C ^ 
 +| Zeile A1 | Zeile B1 | Zeile C1 | 
 +| Zeile A2 | Zeile B2 | Zeile C2 | 
 +</datatables> 
 +</code>
  
-  Originalgröße:                        {{wiki:dokuwiki-128.png}} +**Ergebnis:** Erstellt eine interaktive Tabelle mit Sortier-, Filter- und Suchfunktionen.
-  Eine Breite vorgeben:                  {{wiki:dokuwiki-128.png?50}} +
-  Breite und Höhe vorgeben:              {{wiki:dokuwiki-128.png?200x50}} +
-  Größe für externe Bilder vorgeben:     {{http://de3.php.net/images/php.gif?200x50}}+
  
-===== 3.3 Ausrichten von Bildern ===== +==== Icons Plugin ==== 
-Mit Leerzeichen zur Rechten und/oder Linken innerhalb der Klammern kann ein Bild horizontal ausgerichtet werden (Links, Zentriert, Rechts).+<code> 
 +{{icon>home}} 
 +{{fa>home|Startseite}} 
 +{{glyphicon>user?24}} 
 +</code>
  
-{{ wiki:dokuwiki-128.png|Rechts}}+**Ergebnis:**\\ 
 +{{icon>home}}\\ 
 +{{fa>home|Startseite}}\\ 
 +{{glyphicon>user?24}}
  
-{{wiki:dokuwiki-128.png |Links}}+==== Struct Plugin ==== 
 +<code> 
 +---- struct data ---- 
 +schema: person 
 +name: Max Mustermann 
 +email: max@example.com 
 +---- 
 +</code>
  
-{{ wiki:dokuwiki-128.png |Zentriert}}+**Ergebnis:** Speichert strukturierte Daten, die später abgefragt werden können.
  
-   +==== Tag Plugin ==== 
-  {{wiki:dokuwiki-128.png }} +<code> 
-  {{ wiki:dokuwiki-128.png }} +{{tag>tag1 tag2 tag3}} 
-  {{ wiki:dokuwiki-128.png}}+{{topic>tag1 -tag2}} 
 +{{count>+}} 
 +</code>
  
-Bei Ausrichtung und der Verwendung eines Titels sollte man drauf achten dass der Titel nach dem Leerzeichen kommt: +**Ergebnis:**\\ 
-   +{{tag>tag1 tag2 tag3}}\\ 
-  {{wiki:dokuwiki-128.png |Linksbündig}} +{{topic>tag1 -tag2}}\\ 
-  {{ wiki:dokuwiki-128.png |Zentriert }} +{{count>+}}
-  {{ wiki:dokuwiki-128.png|Rechtsbündig}} +
-===== 3.4 Tooltips ===== +
-Auch Titel, in den meisten Browsern als Tooltip angezeigt, können angegeben werden.+
  
-{{ wiki:dokuwiki-128.png |Dies ist ein Titel}}+==== ToDo Plugin ==== 
 +<code> 
 +<todo>Titel der Aufgabe</todo> 
 +<todo #>Erledigte Aufgabe</todo> 
 +<todo @benutzer>Aufgabe für Benutzer</todo> 
 +</code>
  
-  {{ wiki:dokuwiki-128.png |Dies ist ein Titel}}+**Ergebnis:**\\ 
 +<todo>Titel der Aufgabe</todo>\\ 
 +<todo #>Erledigte Aufgabe</todo>\\ 
 +<todo @benutzer>Aufgabe für Benutzer</todo>
  
-===== 3.5 Dateidownload =====+==== VShare Plugin ==== 
 +<code> 
 +{{youtube>L-WM8YxwqEU}} 
 +{{vimeo>123456789}} 
 +{{youtube>L-WM8YxwqEU?large}} 
 +</code>
  
-Wenn eine Datei angegeben wird, die kein Bild (''gif, jpeg, png'') ist, so wird sie als Link angezeigt und so zum Download angeboten.+**Ergebnis:** Bettet Videos von YouTube, Vimeo und anderen Plattformen ein.
  
-{{ wiki:dokuwiki-128.txt |Beispiel}} +==== Wrap Plugin ==== 
-<code>{{ wiki:dokuwiki-128.txt |Beispiel}}</code>+<code> 
 +<WRAP classes #id width :language> 
 +"großer" Inhalt 
 +</WRAP>
  
-===== 3.6 Automatische Verlinkung =====+<wrap classes #id width :language>"kleiner" Inhalt</wrap> 
 +</code>
  
-Bilder werden automatisch mit einer Verlinkung zur Ihren [[wpde>Metadaten]] erstellt - Bsp.: {{wiki:dokuwiki-128.png?15}}+**Ergebnis:** Erstellt Container mit CSS-Klassen für erweiterte Formatierung.
  
-Dieses Verhalten kann über die Option ?nolink((ggf. mit einem "&" mit anderen Optionen wie der Größenangabe kombinieren)) unterbunden werden((Standardmäßig lässt sich [[tips:image_nolink|dieses, oft unerwünschte, Verhalten]] momentan (13.03.2009) nicht für das komplette DokuWiki deaktivieren)):+----
  
-{{wiki:dokuwiki-128.png?15&nolink}} +===== 15. Fehlerbehebung für DokuWiki 2024-02-06b "Kaos" =====
-  {{wiki:dokuwiki-128.png?15&nolink}}+
  
-Außerdem kann mit ?direct das Bild, z.Bsp. als Vollansicht, direkt verlinkt werden:+==== Bekannte Probleme und Lösungen ====
  
-{{wiki:dokuwiki-128.png?15&direct}} +=== Formatierte Tabellen-Problem === 
-  {{wiki:dokuwiki-128.png?15&direct}}+  * **Problem:** Tabellen mit komplexer Formatierung werden nicht korrekt gerendert 
 +  * **Lösung:** Entfernen Sie temporär die Tabellenformatierung aus dem Quelltext 
 +  * **Langfristig:** Warten Sie auf offizielle Patches
  
-====== 4 Listen ======+=== PHP 8.1 Kompatibilität === 
 +  * **Problem:** Fehler beim Upgrade von PHP 7.4 auf 8.1 
 +  * **Lösung:** Überprüfen Sie Plugin-Kompatibilität und aktualisieren Sie alle Plugins 
 +  * **Beispiel-Fix für ckgedit Plugin:**
  
-DokuWiki kennt unsortierte und nummerierte Listen. Um einen Listeneintrag zu erzeugen, beginne eine Zeile mit zwei Leerzeichen. Diesen Leerzeichen folgt dann ein "*" für unsortierte oder ein "-" für nummerierte Listen.  +<code php> 
 +function checkuserfiles() { 
 +    $expire = 0; // Diese Zeile hinzufügen 
 +    // Rest der Funktion... 
 +} 
 +</code>
  
-  * Dies ist ein Eintrag einer unsortierten Liste +=== Cache-Probleme === 
-  * Ein zweiter Eintrag +  * Browser-Cache leeren (Strg+F5) 
-    * Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen +  * ''%%~~NOCACHE~~%%'' temporär verwenden 
-  * Noch ein Eintrag+  * Admin: Cache über Konfiguration leeren
  
-  - Dies ist ein Eintrag einer nummerierte Liste +=== Plugin-Konflikte === 
-  - Ein zweiter Eintrag +  * Plugins einzeln deaktivieren 
-    - Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen +  * Kompatibilität mit DokuWiki-Version prüfen 
-  - Noch ein Eintrag+  * Plugin-Dokumentation konsultieren
  
 +----
 +
 +===== 16. Best Practices und Tipps =====
 +
 +==== Performance-Optimierung ====
 +  * Verwenden Sie ''%%~~NOCACHE~~%%'' nur wenn nötig
 +  * Große Bilder vor dem Upload optimieren
 +  * Bei vielen Medien: Ordnerstruktur verwenden
 +
 +==== Barrierefreiheit ====
 +  * Alt-Text für Bilder verwenden
 +  * Aussagekräftige Link-Texte
 +  * Logische Überschriftenhierarchie
 +
 +==== Wartung ====
 +  * Regelmäßige Backups
 +  * Plugin-Updates beachten
 +  * Broken Links prüfen
 +
 +==== Sicherheit ====
 +  * Sichere Passwörter verwenden
 +  * ACL-Einstellungen prüfen
 +  * Regelmäßige Updates
 +
 +----
 +
 +===== 17. Erweiterte Funktionen =====
 +
 +==== Anker-Links ====
 <code> <code>
-  * Dies ist ein Eintrag einer unsortierten Liste +Dies verlinkt zu [[syntax#internal|diesem Abschnitt]]. 
-  * Ein zweiter Eintrag +</code>
-    * Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen +
-  * Noch ein Eintrag+
  
-  - Dies ist ein Eintrag einer nummerierte Liste +**Ergebnis:**\\ 
-  - Ein zweiter Eintrag +Dies verlinkt zu [[syntax#internal|diesem Abschnitt]]. 
-    - Unterschiedliche Ebenen einer Liste durch Hinzufügen von weiteren zwei Leerzeichen + 
-  - Noch ein Eintrag+==== Namespaces ==== 
 +<code> 
 +[[some:namespaces]]
 </code> </code>
  
-====== 5 Tabellen ======+**Ergebnis:**\\ 
 +[[some:namespaces]]
  
-===== 5.1 Grundlegender Aufbau =====+Verwenden Sie Doppelpunkte, um Namespaces zu erstellen.
  
-Mit DokuWiki können Tabellen ganz einfach erstellt werden: +==== Sektionsbearbeitung ==== 
 +Jede Überschrift wird automatisch zu einem bearbeitbaren Abschnitt.
  
-^ hervorgehoben       ^ zum Beispiel für                                                  ^ eine Titelzeile         ^ +----
-| 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    |   {{wiki:dokuwiki-128.png?400x500}}           | Zeile 4 Spalte 3        |+
  
-Felder einer Tabelle starten mit "|" für ein normales Feld oder mit einem "^" für hervorgehobenes Feld.+**Diese umfassende Syntaxreferenz deckt alle verfügbaren Funktionen Ihrer wiki.satware.com Installation ab und ist speziell auf DokuWiki 2024-02-06b "Kaos" abgestimmt. Bei Problemen konsultieren Sie die DokuWiki-Community oder die offizielle Dokumentation.**
  
-  ^ hervorgehoben       ^ zum Beispiel für                                                  ^ eine Titelzeile         ^ +{{tag>wiki syntax dokuwiki referenz 2024}}
-  | 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/Ausrichtung ===== 
  
-=== Leerzellen ===+----
  
-Zellen über mehrere Spalten werden erzeugt wenn man, wie oben gezeigt, am Ende einer solchen Spalte so viele "|" oder "^" ohne Leerzeichen dazwischen hintereinander setzt, wie Spalten überbrückt werden sollen. +===== 18. Reveal.js Slideshow Plugin =====
-Kurz gesagt: Alle Zeilen einer Tabelle müssen die gleiche Anzahl an Feldtrennern "|" oder "^" haben.+
  
-Hervorgehobene Felder in Vertikaler Ausrichtung sind auch möglich.+==== Plugin-Übersicht ==== 
 +Das **Reveal.js Plugin** ermöglicht es, DokuWiki-Seiten in professionelle HTML5-Präsentationen umzuwandeln. Basierend auf dem beliebten Reveal.js Framework von Hakim El Hattab.
  
-|                    ^ hervorgehoben 1           ^ hervorgehoben 2         ^ +  * **GitHub Repository:** [[https://github.com/neuralyzer/dokuwiki-plugin-revealjs|neuralyzer/dokuwiki-plugin-revealjs]] 
-^ hervorgehoben 3    | Zeile 1 Spalte 2          | Zeile 1 Spalte 3        | +  * **Reveal.js Version:** 3.9.2 
-^ hervorgehoben 4    | Zeile 2 Spalte 2          |                         | +  * **DokuWiki Kompatibilität:** 2024-02-06b "Kaos" und früher 
-^ hervorgehoben 5    | Zeile 3 Spalte 2          | Zeile 3 Spalte 3        |+  * **Lizenz:** MIT (Reveal.js Framework)
  
-Wie wir sehen, entscheidet der Feldtrenner ("|" oder "^") vor einer Zelle über ihr Aussehen:+==== Grundlegende Verwendung ====
  
-  |                    ^ hervorgehoben 1           ^ hervorgehoben 2         ^ +=== Präsentation aktivieren === 
-  ^ hervorgehoben 3    | Zeile 1 Spalte 2          | Zeile 1 Spalte 3        | +<code> 
-  ^ hervorgehoben 4    | Zeile 2 Spalte 2          |                         | +~~REVEAL~~ 
-  ^ hervorgehoben 5    | Zeile 3 Spalte 2          | Zeile 3 Spalte 3        |+</code>
  
-=== Zellen verbinden ===+**Ergebnis:** Fügt einen "Präsentation starten" Button ein. **Obligatorisch** für alle Präsentationen.
  
-Felder über mehrere Zeilen (**vertikal verbundene Zellen**) lassen sich durch hinzufügen von '':::'' in der zu verbindenden Zelle zusammenfügen.+=== Theme-Auswahl === 
 +<code> 
 +~~REVEAL white~~ 
 +~~REVEAL theme=sky&transition=convex&controls=1~~ 
 +</code>
  
-^ Titelzeile 1        ^ Titelzeile 2                       ^ Titelzeile 3            ^ +**Verfügbare Themes:** 
-| Zeile 1 Spalte 1    | Diese Zelle ist vertikal verbunden | Zeile 1 Spalte 3        | +  * ''black'', ''white'', ''beige'', ''blood'', ''league'', ''default'' 
-| Zeile 2 Spalte 1    | :::                                | Zeile 2 Spalte 3        | +  * ''moon'', ''night'', ''serif'', ''simple'', ''sky'', ''solarized'' 
-| Zeile 3 Spalte 1    | :::                                | Zeile 3 Spalte 3        |+  * ''dokuwiki'' (solarized mit DokuWiki-Hintergrundfarbe)
  
-Außer den drei Doppelpunkten darf die zu verbindende Zelle keine weiteren Inhalte haben.+==== Folien-Struktur ====
  
-  ^ Titelzeile 1        ^ Titelzeile 2                       ^ Titelzeile 3            ^ +=== Header-basierte Folien === 
-  | Zeile 1 Spalte 1    | Diese Zelle ist vertikal verbunden | Zeile 1 Spalte 3        | +<code> 
-  | Zeile 2 Spalte 1    | :::                                | Zeile 2 Spalte 3        | +====== Hauptfolie (H1) ====== 
-  | Zeile 3 Spalte 1    | :::                                | Zeile 3 Spalte 3        |+Inhalt der ersten Folie
  
 +===== Horizontale Folie (H2) =====
 +Inhalt der zweiten Folie
  
-Felder über mehrere Spalten (**horizontal verbundene Zellen**) lassen sich durch hinzufügen von ''^'' bzw. ''|'' in der zu verbindenden Zelle zusammenfügen.+==== Vertikale Folie (H3) ==== 
 +Unterfolie (vertikal verschachtelt)
  
-^ Titelzeile 1        ^ Titelzeile 2                       ^ Titelzeile 3            ^ +=== Weitere vertikale Folie === 
-| Zeile 1 Spalte 1    | Diese Zelle ist horizontal verbunden                        || +Noch eine Unterfolie 
-| Zeile 2 Spalte 1    | Zeile 2 Spalte 2                   | Zeile 2 Spalte 3        | +</code>
-| Zeile 3 Spalte 1    | Zeile 3 Spalte 2                   | Zeile 3 Spalte 3        |+
  
-Außer den drei Doppelpunkten darf die zu verbindende Zelle keine weiteren Inhalte haben.+**Folien-Hierarchie:** 
 +  * **H1 (======):** Hauptfolien (horizontal) 
 +  * **H2 (=====):** Horizontale Folien 
 +  * **H3 (====) und tiefer:** Vertikale Folien (verschachtelt)
  
-  ^ Titelzeile 1        ^ Titelzeile 2                       ^ Titelzeile 3            ^ +=== Konfigurierbare Folien-Ebenen === 
-  | Zeile 1 Spalte 1    | Diese Zelle ist horizontal verbunden                         || +<code> 
-  | Zeile 2 Spalte 1    | Zeile 2 Spalte 2                   |    Zeile 2 Spalte 3      | +~~REVEAL horizontal_slide_level=1~~ 
-  | Zeile 3 Spalte 1    | Zeile 3 Spalte 2                   | Zeile 3 Spalte 3         |+</code>
  
-=== Textausrichtung ===+**horizontal_slide_level Optionen:** 
 +  * ''1'': H1+ horizontal, H2+ vertikal 
 +  * ''2'': H2+ horizontal, H3+ vertikal (Standard)
  
-Der Inhalt einer Zelle kann horizontal innerhalb der Zelle ausgerichtet werden: +==== Hintergrund-Gestaltung ====
-  * Rechtsbündig - zwei Leerzeichen links vom Text +
-  * Linksbündig - Leerzeichen rechts vom Text +
-  * Zentriert - zwei Leerzeichen links und rechts vom Text+
  
-^          Tabelle mit Ausrichtung         ^^^ +=== Einfache Hintergründe === 
-|        Rechts|  Mitte       |Links         | +<code> 
-|Links         |        Rechts|    Mitte     | +{{background>red}} 
-| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |+===== Folie mit rotem Hintergrund =====
  
-So sieht die Formatierung aus:+{{background>:wiki:dokuwiki-128.png}} 
 +===== Folie mit Bild-Hintergrund ===== 
 +</code>
  
-  ^          Tabelle mit Ausrichtung         ^^^ +=== Erweiterte Hintergrund-Optionen === 
-  |        Rechts|    Mitte     |Links         | +<code> 
-  |Links         |        Rechts|    Mitte     | +{{background>orange wiki:dokuwiki-128.png 10% repeat bg-slide}} 
-  | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |+===== Folie mit komplexem Hintergrund ===== 
 +</code>
  
-|Hinweis zu dem senkrechten Balken-Zeichen: dieses Zeichen ist auf einer PC-Tastatur erreichbar über die Taste "<" bei zusätzlich gedrückter "AltGr"-Taste. Ist dort auch aufgedruckt. Apple-Nutzer erreichen das Zeichen mit der Wahltaste ("Alt") und der "7".|+**Hintergrund-Parameter:** 
 +  * **Farben:** HTML-Farbnamen, Hex (''#ff0000''), RGB, HSL 
 +  * **Bilder:** DokuWiki-Medien ('':wiki:image.png'') oder URLs 
 +  * **Größe:** ''10%'', ''250px'', ''auto'', ''contain'', ''cover'' 
 +  * **Position:** ''top'', ''bottom'', ''left'', ''right'', ''center'' 
 +  * **Wiederholung:** ''repeat'' (Standard: no-repeat) 
 +  * **Übergang:** ''bg-none'', ''bg-fade'', ''bg-slide'', ''bg-convex'', ''bg-concave'', ''bg-zoom''
  
-====== 6 sonstige Formatierungen ======+==== Alternative Folien-Indikatoren ==== 
 + 
 +=== Horizontale Folien === 
 +<code> 
 +---- orange wiki:dokuwiki-128.png 10% repeat bg-slide zoom-in fade-out slow no-footer ----> 
 + 
 +Folien-Inhalt hier 
 + 
 +<---- 
 +</code> 
 + 
 +**Syntax-Elemente:** 
 +  * ''---->'': Neue horizontale Folie öffnen 
 +  * ''<----'': Folie schließen 
 +  * ''---->>'': Vertikaler Folien-Container öffnen 
 +  * ''<<----'': Vertikalen Container schließen 
 + 
 +=== Parameter für alternative Indikatoren === 
 +<code> 
 +---- salmon wiki:dokuwiki-128.png 10% repeat bg-slide zoom-in fade-out slow no-footer ----> 
 +</code> 
 + 
 +**Übergangs-Optionen:** 
 +  * **Folien-Übergang:** ''none'', ''fade'', ''slide'', ''convex'', ''concave'', ''zoom'' 
 +  * **Richtung:** ''-in'', ''-out'' (z.B. ''zoom-in'', ''fade-out'') 
 +  * **Geschwindigkeit:** ''default'', ''fast'', ''slow'' 
 + 
 +==== Fragmente (Schrittweise Anzeige) ==== 
 + 
 +=== Inline-Fragmente === 
 +<code> 
 +<fragment>Erscheint zuerst...</fragment> 
 + 
 +<fragment>...dann das hier...</fragment> 
 + 
 +<fragment>...und schließlich das!</fragment> 
 +</code> 
 + 
 +=== Block-Fragmente === 
 +<code> 
 +<fragment-block> 
 +==== Überschrift erscheint komplett ==== 
 +  * Listenpunkt 1 
 +  * Listenpunkt 2 
 +  * Listenpunkt 3 
 +</fragment-block> 
 +</code> 
 + 
 +=== Fragment-Listen === 
 +<code> 
 +<fragment-list> 
 +  * Punkt 1 (erscheint einzeln) 
 +  * Punkt 2 (erscheint einzeln) 
 +  * Punkt 3 (erscheint einzeln) 
 +</fragment-list> 
 + 
 +<no-fragment-list> 
 +  * Alle Punkte (erscheinen zusammen) 
 +  * Auch bei aktivierter build_all_lists Option 
 +</no-fragment-list> 
 +</code> 
 + 
 +=== Fragment-Stile und Indizes === 
 +<code> 
 +<fragment style="fade-in" index="1">Erstes Fragment</fragment> 
 +<fragment style="highlight-red" index="2">Zweites Fragment</fragment> 
 +</code> 
 + 
 +**Fragment-Stile:** 
 +  * ''fade-in'', ''fade-out'', ''fade-up'', ''fade-down'' 
 +  * ''zoom-in'', ''zoom-out'' 
 +  * ''highlight-red'', ''highlight-green'', ''highlight-blue'' 
 +  * ''current-visible'', ''semi-fade-out'' 
 + 
 +==== Sprecher-Notizen ==== 
 + 
 +<code> 
 +===== Folie-Titel ===== 
 +Sichtbarer Folien-Inhalt 
 + 
 +<notes> 
 +  * Notiz für den Sprecher 
 +  * Nur im Sprecher-Modus sichtbar (Taste 's') 
 +  * Listen sind hier nie inkrementell 
 +</notes> 
 +</code> 
 + 
 +**Sprecher-Modus aktivieren:** Taste ''s'' während der Präsentation drücken. 
 + 
 +==== Fußzeilen ==== 
 + 
 +=== Globale Fußzeile === 
 +<code> 
 +<wrap footer> 
 +Firmenlogo oder Copyright-Hinweis 
 +</wrap> 
 + 
 +====== Erste Folie ====== 
 +Inhalt... 
 +</code> 
 + 
 +=== Fußzeile für einzelne Folien deaktivieren === 
 +<code> 
 +{{no-footer}} 
 +===== Folie ohne Fußzeile ===== 
 + 
 +{{background>:images:image1.png no-footer}} 
 +===== Folie mit Hintergrund ohne Fußzeile ===== 
 + 
 +---- no-footer ----> 
 +Alternative Folien-Syntax ohne Fußzeile 
 +</code> 
 + 
 +==== Konfigurationsoptionen ==== 
 + 
 +=== Vollständige Parameter-Syntax === 
 +<code> 
 +~~REVEAL theme=sky&transition=convex&controls=1&show_progress_bar=1&build_all_lists=1&show_image_borders=0&horizontal_slide_level=2&enlarge_vertical_slide_headers=0&show_slide_details=1&open_in_new_window=1&auto_slide=6000&loop=1~~ 
 +</code> 
 + 
 +=== Wichtige Konfigurationsparameter === 
 + 
 +^ Parameter ^ Werte ^ Beschreibung ^ 
 +| ''theme'' | ''white'', ''black'', ''sky'', etc. | Präsentations-Theme | 
 +| ''transition'' | ''none'', ''fade'', ''slide'', ''convex'', ''concave'', ''zoom'' | Folien-Übergang | 
 +| ''controls'' | ''0'', ''1'' | Navigations-Kontrollen anzeigen | 
 +| ''show_progress_bar'' | ''0'', ''1'' | Fortschrittsbalken anzeigen | 
 +| ''build_all_lists'' | ''0'', ''1'' | Listen schrittweise aufbauen | 
 +| ''show_image_borders'' | ''0'', ''1'' | Bild-Rahmen anzeigen | 
 +| ''horizontal_slide_level'' | ''1'', ''2'' | Header-Ebene für horizontale Folien | 
 +| ''enlarge_vertical_slide_headers'' | ''0'', ''1'' | Vertikale Folien-Header vergrößern | 
 +| ''size'' | ''960x700'' | Basis-Foliengröße in Pixeln | 
 +| ''auto_slide'' | ''0'', ''6000'' | Automatischer Folien-Wechsel (ms) | 
 +| ''loop'' | ''0'', ''1'' | Präsentation wiederholen | 
 + 
 +==== PDF-Export ==== 
 + 
 +=== Export-URL === 
 +<code> 
 +Normale URL: 
 +http://example.com/doku.php?do=export_revealjs&id=example:page 
 + 
 +PDF-Export URL: 
 +http://example.com/doku.php?do=export_revealjs&id=example:page&print-pdf 
 +</code> 
 + 
 +=== Export-Schritte === 
 +  - URL mit ''&print-pdf'' Parameter aufrufen 
 +  - Seite lädt im PDF-Export-Modus 
 +  - Browser-Druckfunktion verwenden (Strg+P) 
 +  - Als PDF speichern 
 + 
 +**Empfohlene Browser:** Chrome oder Chromium für beste Ergebnisse. 
 + 
 +==== Best Practices ==== 
 + 
 +=== Folien-Design === 
 +  * **Wenig Text:** Maximal 6-8 Zeilen pro Folie 
 +  * **Große Schrift:** Gut lesbar auch von hinten 
 +  * **Kontrast:** Dunkler Text auf hellem Hintergrund oder umgekehrt 
 +  * **Bilder optimieren:** Nicht zu große Dateien verwenden 
 + 
 +=== Navigation === 
 +  * **Tastatur:** Pfeiltasten für Navigation 
 +  * **Maus:** Klick für nächste Folie 
 +  * **Touch:** Wischen auf mobilen Geräten 
 +  * **Übersicht:** Taste ''Esc'' für Folien-Übersicht 
 + 
 +=== Performance === 
 +  * ''%%~~NOCACHE~~%%'' für dynamische Inhalte 
 +  * Bilder vor Upload komprimieren 
 +  * Nicht zu viele Fragmente pro Folie 
 + 
 +=== Kompatibilität === 
 +  * **Include Plugin:** Siehe Kompatibilitäts-Fix in Plugin-Dokumentation 
 +  * **MathJax:** Wird automatisch geladen (ignoriert DokuWiki MathJax Plugin) 
 +  * **Wrap Plugin:** Vollständig kompatibel 
 + 
 +==== Beispiel-Präsentation ==== 
 + 
 +<code> 
 +~~REVEAL white~~ 
 + 
 +====== Meine Präsentation ====== 
 +**Untertitel hier** 
 + 
 +Datum und Autor 
 + 
 +===== Agenda ===== 
 +  * Punkt 1 
 +  * Punkt 2   
 +  * Punkt 3 
 + 
 +{{background>lightblue}} 
 +===== Hauptteil ===== 
 + 
 +<fragment>Erster wichtiger Punkt</fragment> 
 + 
 +<fragment>Zweiter wichtiger Punkt</fragment> 
 + 
 +<fragment-block> 
 +==== Detaillierte Informationen ==== 
 +  * Detail A 
 +  * Detail B 
 +  * Detail C 
 +</fragment-block> 
 + 
 +==== Unterfolie ==== 
 +Vertikale Navigation mit Pfeiltasten 
 + 
 +<notes> 
 +Sprecher-Notizen: 
 +- Punkt A erwähnen 
 +- Fragen stellen 
 +- Auf nächste Folie überleiten 
 +</notes> 
 + 
 +===== Zusammenfassung ===== 
 +  * Wichtigste Erkenntnisse 
 +  * Nächste Schritte 
 +  * Kontakt-Informationen 
 + 
 +===== Vielen Dank! ===== 
 +**Fragen?** 
 + 
 +{{background>:images:company-logo.png}} 
 +</code> 
 + 
 +==== Fehlerbehebung ==== 
 + 
 +=== Häufige Probleme === 
 + 
 +^ Problem ^ Lösung ^ 
 +| Präsentation startet nicht | ''%%~~REVEAL~~%%'' am Seitenanfang hinzufügen | 
 +| Folien werden nicht getrennt | Header-Syntax prüfen (====== vs =====) | 
 +| Hintergrund wird nicht angezeigt | Bild-Pfad und Dateiformat überprüfen | 
 +| Fragmente funktionieren nicht | Syntax von ''<fragment>'' Tags prüfen | 
 +| PDF-Export fehlerhaft | Chrome/Chromium Browser verwenden | 
 + 
 +=== Bekannte Einschränkungen === 
 +  * **PHP 7.4+ erforderlich:** Ältere Versionen nicht unterstützt 
 +  * **DokuWiki "Igor" Kompatibilität:** Begrenzte Unterstützung 
 +  * **Plugin-Konflikte:** Include Plugin benötigt Anpassung 
 +  * **MathJax:** Verwendet eigene MathJax-Einbindung 
 + 
 +=== Debug-Tipps === 
 +  * Browser-Entwicklertools für JavaScript-Fehler 
 +  * ''%%~~NOCACHE~~%%'' für Konfigurationsänderungen 
 +  * Plugin-Manager für Aktivierung/Deaktivierung 
 +  * DokuWiki-Logs für Server-seitige Fehler
  
-===== 6.1 horizontale Linie ===== 
-Mit vier aufeinander folgenden Minuszeichen (alleine in einer Zeile) kann eine horizontale Linie erzeugt werden: 
 ---- ----
-<nowiki>----</nowiki> 
  
 +**Das Reveal.js Plugin erweitert DokuWiki um professionelle Präsentationsfähigkeiten. Für detaillierte Informationen und Updates besuchen Sie das [[https://github.com/neuralyzer/dokuwiki-plugin-revealjs|GitHub Repository]].**
  
-===== 6.2 Smileys =====+{{tag>reveal.js präsentation slideshow plugin dokuwiki}}
  
-DokuWiki verwandelt oft genutzte [[wpde>Emoticon]]s zu kleinen Smiley-Grafiken. +----
-Weitere Smiley-Grafiken können im Ordner "smily" abgelegt und dann in der Datei ''conf/smileys.conf'' bzw. für benutzereigene Smileys unter ''conf/smileys.local.conf'' eingetragen werden. +
-Hier ist nun eine Übersicht der standardmäßig in DokuWiki enthaltenen Smileys:+
  
-^  8-)  ^  8-O  ^  :-(  ^  :-)  ^  =)  ^  :-/  ^  :-\  ^  :-?  ^  :-D  ^  :-P  ^  :-O  ^  :-X  ^  :-|  ^  ;-)  ^  :?:  ^  :!:  ^  ''^_^''  ^  LOL  ^  FIXME  ^  DELETEME  ^ +===== 19. Mermaid Plugin =====
-|  %%  8-)  %%  |  %%  8-O  %%  |  %%  :-(  %%  |  %%  :-)  %%  |  %%  =)   %%  |  %%  :-/  %%  |  %%  :-\  %%  |  %%  :-?  %%  |  %%  :-D  %%  |  %%  :-P  %%  |  %%  :-O  %%  |  %%  :-X  %%  |  %%  :-|  %%  |  %%  ;-)  %%  |  %%  :?:  %%  |  %%  :!:  %%  |  %%  ^_^  %%  |  %%  LOL  %%  |  %%  FIXME  %%  |  %% DELETEME  %%  |+
  
-===== 6.3 Typografie =====+==== Plugin-Übersicht ==== 
 +Das **Mermaid Plugin** ermöglicht die Erstellung von Diagrammen und Flussdiagrammen mit der JavaScript-basierten Bibliothek [Mermaid](https://mermaid.js.org/). Mermaid rendert Markdown-inspirierte Textdefinitionen zu interaktiven Diagrammen.
  
-[[DokuWiki]] kann einfache Textzeichen in ihre typografischen Entsprechungen umwandeln. +  * **GitHub Repository:** [[https://github.com/RobertWeinmeister/dokuwiki-mermaid|RobertWeinmeister/dokuwiki-mermaid]] 
-Hier eine Liste aller Zeichen, die DokuWiki kennt:+  * **Mermaid Version:** 11.6.0 (lokal gehostet) 
 +  * **DokuWiki Kompatibilität:** 2024-02-06b "Kaos" ✅ 
 +  * **PHP Anforderung:** 8.0+ (⚠️ wichtig für Funktionalität) 
 +  * **Lizenz:** GNU GPL v2.0 (Plugin), MIT (Mermaid.js)
  
--> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) +==== Grundlegende Verwendung ====
-"He thought 'It's a man's world'..."+
  
 +=== Einfaches Diagramm ===
 <code> <code>
--> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) +<mermaid> 
-"He thought 'It's a man's world'..."+  graph TD 
 +    A[Start] --> B{Entscheidung} 
 +    B -->|Ja| C[Aktion 1] 
 +    B -->|Nein| D[Aktion 2] 
 +    C --> E[Ende] 
 +    D --> E 
 +</mermaid>
 </code> </code>
  
-Bitte beachtet: Diese Umwandlungen können in der Konfigurationsdatei abgestellt werden+**Ergebnis:** Rendert ein interaktives Flussdiagramm.
  
-===== 6.4 HTML und PHP einbinden =====+=== Grundlegende Syntax-Regeln === 
 +  * **Container:** Verwenden Sie ''<mermaid>'' und ''</mermaid>'' Tags 
 +  * **Diagramm-Typ:** Definiert die erste Zeile (z.B. ''graph TD'', ''sequenceDiagram'') 
 +  * **Knoten:** Definiert mit verschiedenen Formen: ''A[Text]'', ''B(Text)'', ''C{Text}'' 
 +  * **Verbindungen:** Verwenden Sie Pfeile: ''-->'', ''---'', ''-.->''
  
-In einer Seite kann sowohl HTML als auch PHP direkt benutzt werden.+==== Unterstützte Diagramm-Typen ====
  
-<html> +=== Flussdiagramme (Flowcharts) === 
-This is some <font color="red" size="+1">HTML-Code</font> +<code> 
-</html>+<mermaid> 
 +  flowchart TD 
 +    A[Rechteck] --> B(Runde Ecken) 
 +    B --> C{Raute} 
 +    C -->|Ja| D[Ergebnis 1] 
 +    C -->|Nein| E[Ergebnis 2] 
 +    D --> F((Kreis)) 
 +    E --> F 
 +</mermaid> 
 +</code> 
 + 
 +**Richtungen:** 
 +  * ''TD'' oder ''TB'': Top-Down (oben nach unten) 
 +  * ''BT'': Bottom-Top (unten nach oben) 
 +  * ''LR'': Left-Right (links nach rechts) 
 +  * ''RL'': Right-Left (rechts nach links)
  
 +=== Sequenzdiagramme ===
 <code> <code>
-<html> +<mermaid> 
-This is some <font color="red" size="+1">HTML-Code</font> +  sequenceDiagram 
-</html>+    participant A as Kunde 
 +    participant B as Server 
 +    participant C as Datenbank 
 +     
 +    A->>B: Anfrage senden 
 +    B->>C: Daten abfragen 
 +    C-->>B: Daten zurückgeben 
 +    B-->>A: Antwort senden 
 +     
 +    Note over A,C: Kommunikation beendet 
 +</mermaid>
 </code> </code>
  
-<php> +**Pfeil-Typen:** 
-echo 'A logo generated by PHP:'; +  * ''A->>B'': Solider Pfeil 
-echo '<img src="' . $_SERVER['PHP_SELF'] . '?=' . php_logo_guid() . '" alt="PHP Logo !" />'; +  * ''A-->>B'': Gestrichelter Pfeil 
-</php>+  * ''A-xB'': Pfeil mit Kreuz 
 +  * ''A--xB'': Gestrichelter Pfeil mit Kreuz
  
 +=== Gantt-Diagramme ===
 <code> <code>
-<php> +<mermaid> 
-echo 'A logo generated by PHP:'; +  gantt 
-echo '<img src="' . $_SERVER['PHP_SELF'] . '?=' . php_logo_guid() . '" alt="PHP Logo !" />'; +    title Projektplan 
-</php>+    dateFormat  YYYY-MM-DD 
 +    section Planung 
 +    Anforderungen sammeln :done, des1, 2024-01-01,2024-01-05 
 +    System-Design        :active, des2, 2024-01-06, 3d 
 +    section Entwicklung 
 +    Frontend entwickeln  :2024-01-10, 7d 
 +    Backend entwickeln   :2024-01-15, 10d 
 +    section Tests 
 +    Unit Tests          :2024-01-20, 3d 
 +    Integration Tests   :2024-01-23, 2d 
 +</mermaid>
 </code> </code>
  
-**Achtung**: Das Einbinden von HTML und PHP in einer Seite kann in der Konfigurationsdatei ausgeschaltet werden((Konfigurationsoptionen [[config:htmlok]] bzw. [[config:phpok]])). Ist diese Option aktiviert, wird der Quellcode dieser Abschnitte als Text angezeigt und nicht ausgeführt.+=== Klassendiagramme === 
 +<code> 
 +<mermaid> 
 +  classDiagram 
 +    class Fahrzeug { 
 +      +String marke 
 +      +String modell 
 +      +int baujahr 
 +      +starten() 
 +      +stoppen() 
 +    } 
 +     
 +    class Auto { 
 +      +int anzahlTueren 
 +      +boolean automatik 
 +      +fahren() 
 +    } 
 +     
 +    class Motorrad { 
 +      +String motortyp 
 +      +beschleunigen() 
 +    } 
 +     
 +    Fahrzeug <|-- Auto 
 +    Fahrzeug <|-- Motorrad 
 +</mermaid> 
 +</code>
  
-**Achtung**: Das Einbinden von HTML und PHP auf einer Seite im Internet ist gewöhnlich ein schweres Sicherheitsrisiko! Diese Funktion ist nur für das Intranet gedacht!+=== Git-Graphen === 
 +<code> 
 +<mermaid> 
 +  gitGraph 
 +    commit id: "Initial" 
 +    branch develop 
 +    checkout develop 
 +    commit id: "Feature A" 
 +    commit id: "Feature B" 
 +    checkout main 
 +    commit id: "Hotfix" 
 +    merge develop 
 +    commit id: "Release" 
 +</mermaid> 
 +</code>
  
-====== 7 Kontroll-Makros ======+=== User Journey Diagramme === 
 +<code> 
 +<mermaid> 
 +  journey 
 +    title Benutzer-Journey: Online-Shopping 
 +    section Suche 
 +      Webseite besuchen: 5: Benutzer 
 +      Produkt suchen: 3: Benutzer 
 +      Ergebnisse filtern: 4: Benutzer 
 +    section Kauf 
 +      Produkt auswählen: 5: Benutzer 
 +      In Warenkorb legen: 5: Benutzer 
 +      Checkout: 3: Benutzer 
 +      Bezahlung: 2: Benutzer 
 +    section Lieferung 
 +      Bestellung bestätigen: 5: Benutzer 
 +      Lieferung verfolgen: 4: Benutzer 
 +      Produkt erhalten: 5: Benutzer 
 +</mermaid> 
 +</code>
  
-Einige Syntax-Befehle beeinflussen wie Dokuwiki eine Seite beim Aufruf ausgibt. Die folgenden Kontroll-Makros sind verfügbar:+=== Entity-Relationship Diagramme === 
 +<code> 
 +<mermaid> 
 +  erDiagram 
 +    KUNDE ||--o{ BESTELLUNG : "erstellt" 
 +    BESTELLUNG ||--|{ BESTELLPOSITION : "enthält" 
 +    BESTELLPOSITION }o--|| PRODUKT : "bezieht sich auf" 
 +    PRODUKT }o--|| KATEGORIE : "gehört zu" 
 +     
 +    KUNDE { 
 +      int kunde_id 
 +      string name 
 +      string email 
 +      string adresse 
 +    } 
 +     
 +    BESTELLUNG { 
 +      int bestellung_id 
 +      int kunde_id 
 +      date bestelldatum 
 +      decimal gesamtbetrag 
 +    } 
 +     
 +    PRODUKT { 
 +      int produkt_id 
 +      string name 
 +      decimal preis 
 +      int kategorie_id 
 +    } 
 +</mermaid> 
 +</code>
  
-^ Makro          ^ Beschreibung ^ +=== Tortendiagramme === 
-| %%~~NOTOC~~%%   | Wenn dieses Makro in eine Seite eingebunden ist, wird das [[:toc|Table of Content]] nicht erstellt.| +<code> 
-| %%~~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. |+<mermaid> 
 +  pie title Marktanteile Browser 2024 
 +    "Chrome" : 65.8 
 +    "Safari" : 18.8 
 +    "Edge" : 5.4 
 +    "Firefox" : 3.2 
 +    "Andere" : 6.8 
 +</mermaid> 
 +</code> 
 + 
 +==== Erweiterte Funktionen ==== 
 + 
 +=== Größenanpassung === 
 +<code> 
 +<mermaid 100% 400px> 
 +  graph TD 
 +    A[Breite: 100%] --> B[Höhe: 400px] 
 +</mermaid> 
 + 
 +<mermaid 500px 300px> 
 +  graph LR 
 +    C[Breite: 500px] --> D[Höhe: 300px] 
 +</mermaid> 
 +</code> 
 + 
 +**Unterstützte Einheiten:** 
 +  * **Pixel:** ''400px'', ''500px'' 
 +  * **Prozent:** ''100%'', ''50%'' 
 +  * **CSS-Einheiten:** ''10cm'', ''5in'', ''20em'' 
 + 
 +=== Raw-Modus === 
 +<code> 
 +<mermaid> 
 +  raw 
 +  graph TD 
 +    A(**mermaid**)-->B((__plugin__)) 
 +    A-->C(((//for//))) 
 +    B-->D[["[[https://www.dokuwiki.org/dokuwiki|DokuWiki]]"]] 
 +    C-->D 
 +</mermaid> 
 +</code> 
 + 
 +**Raw-Modus Vorteile:** 
 +  * Keine DokuWiki-Syntax-Verarbeitung 
 +  * Vollständige Mermaid-Funktionalität verfügbar 
 +  * Vermeidet Konflikte zwischen DokuWiki und Mermaid-Syntax 
 + 
 +=== DokuWiki-Links in Mermaid === 
 +<code> 
 +<mermaid> 
 +  graph TD 
 +    A[Start] --> B["[[wiki:syntax|Syntax-Seite]]"] 
 +    B --> C["[[namespace:page|Interne Seite]]"] 
 +    C --> D["[[https://www.dokuwiki.org|Externe Seite]]"] 
 +</mermaid> 
 +</code> 
 + 
 +**Link-Syntax-Regeln:** 
 +  * **Interne Links:** ''[[seitenname|Anzeige-Text]]'' 
 +  * **Externe Links:** ''[[URL|Anzeige-Text]]'' 
 +  * **Anführungszeichen:** Notwendig bei Links in Mermaid-Knoten 
 + 
 +=== Styling und Themes === 
 +<code> 
 +<mermaid> 
 +  graph TD 
 +    A[Knoten A] --> B[Knoten B] 
 +    A --> C[Knoten C] 
 +    B --> D[Knoten D] 
 +    C --> D 
 +     
 +    %% Styling-Definitionen 
 +    classDef wichtig fill:#ff9999,stroke:#333,stroke-width:2px 
 +    classDef normal fill:#bbdefb,stroke:#333,stroke-width:1px 
 +     
 +    class A,D wichtig 
 +    class B,C normal 
 +</mermaid> 
 +</code> 
 + 
 +**Verfügbare Themes:** 
 +  * **Standard:** ''default'', ''neutral'', ''dark'' 
 +  * **Erweitert:** ''forest'', ''base'', ''mc-squared'' 
 + 
 +==== Diagramm-Export ==== 
 + 
 +=== SVG-Export aktivieren === 
 +**Administratoren müssen den Save-Button in der Plugin-Konfiguration aktivieren:** 
 +  - Admin → Konfiguration → Mermaid Plugin 
 +  - "Visibility of Save Button" auf "sichtbar" setzen 
 + 
 +=== Export-Funktionalität === 
 +  - **Maus über Diagramm:** Save-Button erscheint 
 +  - **SVG-Download:** Klick auf Save-Button startet Download 
 +  - **Format:** Behält exakte Darstellung bei 
 + 
 +=== Server-seitige Konvertierung === 
 +**Lock-Button aktivieren für statische SVG-Einbettung:** 
 +  - Verhindert client-seitige Konvertierung 
 +  - Nützlich für PDF-Export (dw2pdf Plugin) 
 +  - Archivierung von Seiten mit statischen Diagrammen 
 + 
 +==== Bekannte Probleme und Lösungen ==== 
 + 
 +=== Klammer-Konflikte === 
 +**Problem:** Mermaid und DokuWiki verwenden beide eckige Klammern. 
 + 
 +**Lösung:** Anführungszeichen verwenden: 
 +<code> 
 +%% Falsch: 
 +graph TD 
 +  A[Link] --> B[[internal:link]] 
 + 
 +%% Richtig: 
 +graph TD 
 +  A[Link] --> B["[[internal:link]]"] 
 +</code> 
 + 
 +=== Click-Events vs. DokuWiki-Links === 
 +**Problem:** Mermaid Click-Events kollidieren mit DokuWiki-Links. 
 + 
 +**Schlecht:** 
 +<code> 
 +<mermaid> 
 +  flowchart TD 
 +    A[Link] 
 +    click A "https://www.github.com" 
 +</mermaid> 
 +</code> 
 + 
 +**Besser:** 
 +<code> 
 +<mermaid> 
 +  flowchart TD 
 +    A["[[https://www.github.com|Link]]"] 
 +</mermaid> 
 +</code> 
 + 
 +=== Such-Highlighting === 
 +  * **Problem:** DokuWiki-Suchhervorhebung kann Mermaid-Parsing stören 
 +  * **Lösung:** Automatisch deaktiviert für Mermaid-Diagramme 
 +  * **Auswirkung:** Suche funktioniert normal, aber keine Hervorhebung in Diagrammen 
 + 
 +==== Praktische Beispiele ==== 
 + 
 +=== Systemarchitektur === 
 +<code> 
 +<mermaid> 
 +  graph TB 
 +    subgraph "Frontend" 
 +      UI[Web-Interface] 
 +      API[API-Gateway] 
 +    end 
 +     
 +    subgraph "Backend" 
 +      AUTH[Authentication] 
 +      LOGIC[Business Logic] 
 +      CACHE[Redis Cache] 
 +    end 
 +     
 +    subgraph "Datenbank" 
 +      PG[(PostgreSQL)] 
 +      MONGO[(MongoDB)] 
 +    end 
 +     
 +    UI --> API 
 +    API --> AUTH 
 +    API --> LOGIC 
 +    LOGIC --> CACHE 
 +    LOGIC --> PG 
 +    LOGIC --> MONGO 
 +</mermaid> 
 +</code> 
 + 
 +=== Deployment-Pipeline === 
 +<code> 
 +<mermaid> 
 +  graph LR 
 +    DEV[Development] --> TEST[Testing] 
 +    TEST --> STAGE[Staging] 
 +    STAGE --> PROD[Production] 
 +     
 +    DEV --> |Git Push| BUILD[Build] 
 +    BUILD --> |Unit Tests| TEST 
 +    TEST --> |Integration Tests| STAGE 
 +    STAGE --> |Manual QA| PROD 
 +     
 +    BUILD -.-> |Artifacts| REPO[Artifact Repository] 
 +    REPO -.-> STAGE 
 +    REPO -.-> PROD 
 +</mermaid> 
 +</code> 
 + 
 +=== Entscheidungsbaum === 
 +<code> 
 +<mermaid> 
 +  graph TD 
 +    START[Problem identifiziert] --> CRITICAL{Kritisch?} 
 +    CRITICAL -->|Ja| IMMEDIATE[Sofortige Maßnahmen] 
 +    CRITICAL -->|Nein| ANALYZE[Analyse durchführen] 
 +     
 +    ANALYZE --> SOLUTION{Lösung verfügbar?} 
 +    SOLUTION -->|Ja| IMPLEMENT[Implementierung] 
 +    SOLUTION -->|Nein| RESEARCH[Weitere Recherche] 
 +     
 +    IMMEDIATE --> DOCUMENT[Dokumentation] 
 +    IMPLEMENT --> DOCUMENT 
 +    RESEARCH --> ANALYZE 
 +     
 +    DOCUMENT --> REVIEW[Review & Feedback] 
 +    REVIEW --> CLOSE[Abschluss] 
 +</mermaid> 
 +</code> 
 + 
 +==== Konfiguration ==== 
 + 
 +=== Admin-Einstellungen === 
 +**Zugang:** Admin → Konfiguration → Mermaid Plugin 
 + 
 +^ Einstellung ^ Optionen ^ Beschreibung ^ 
 +| **Version/Ort** | Lokal (11.6.0), Remote (latest), Spezifische Version | Mermaid-Version auswählen | 
 +| **Standard-Theme** | default, neutral, dark, forest, base, mc-squared | Globales Theme | 
 +| **Standard-Look** | classic, handDrawn, rough | Darstellungsstil | 
 +| **Log-Level** | fatal, error, warn, info, debug | Debug-Informationen | 
 +| **Save-Button** | Sichtbar, Verborgen | SVG-Export-Funktionalität | 
 +| **Lock-Button** | Sichtbar, Verborgen | Server-seitige Konvertierung | 
 + 
 +=== Entwickler-Einstellungen === 
 +**Debug-Modus aktivieren:** 
 +  - Log-Level auf "debug" setzen 
 +  - Browser-Entwicklertools öffnen 
 +  - Konsole auf Mermaid-Fehler prüfen 
 + 
 +==== Best Practices ==== 
 + 
 +=== Performance === 
 +  * **Einfache Diagramme:** Bessere Ladezeiten 
 +  * **Komplexe Diagramme:** In Unterdiagramme aufteilen 
 +  * **Lokale Version:** Schneller als Remote-Version 
 +  * **Cache nutzen:** Vermeiden Sie ''%%~~NOCACHE~~%%'' wenn möglich 
 + 
 +=== Wartbarkeit === 
 +  * **Kommentare:** Verwenden Sie ''%%'' für Kommentare 
 +  * **Struktur:** Logische Gruppierung mit ''subgraph'' 
 +  * **Benennung:** Sprechende Knotennamen verwenden 
 +  * **Dokumentation:** Diagramm-Zweck beschreiben 
 + 
 +=== Zugänglichkeit === 
 +  * **Alt-Text:** Textuelle Beschreibung für komplexe Diagramme 
 +  * **Kontrast:** Ausreichender Farbkontrast 
 +  * **Größe:** Angemessene Diagrammgröße für Lesbarkeit 
 + 
 +==== Fehlerbehebung ==== 
 + 
 +=== Häufige Probleme === 
 + 
 +^ Problem ^ Ursache ^ Lösung ^ 
 +| Diagramm wird nicht gerendert | PHP < 8.0 | PHP-Version upgraden | 
 +| Syntax-Fehler | Ungültige Mermaid-Syntax | Syntax in Mermaid Live Editor testen | 
 +| DokuWiki-Konflikte | Klammer-Probleme | Raw-Modus oder Anführungszeichen verwenden | 
 +| Performance-Probleme | Zu komplexe Diagramme | Diagramm vereinfachen oder aufteilen | 
 +| Export funktioniert nicht | Save-Button nicht aktiviert | Admin-Konfiguration prüfen | 
 + 
 +=== Debug-Strategien === 
 +  - **Mermaid Live Editor:** [[https://mermaid.live/|mermaid.live]] zum Testen 
 +  - **Browser-Konsole:** JavaScript-Fehler prüfen 
 +  - **Schrittweise Entwicklung:** Komplexe Diagramme Schritt für Schritt aufbauen 
 +  - **Raw-Modus:** Bei Syntax-Konflikten verwenden 
 + 
 +==== Changelog ==== 
 + 
 +=== Aktuelle Version (11.6) === 
 +  * **2025-06-04:** Mermaid 11.6.0 Support 
 +  * **2025-03-23:** Mermaid 11.5.0, Theme/Look-Konfiguration 
 +  * **2024-10-15:** Mermaid 11.2.0, SVG-Export, Lock-Funktionalität 
 +  * **2024-02-15:** Mermaid 10.8.0, Standard-Theme-Einstellung 
 + 
 +=== Kompatibilität === 
 +  * **DokuWiki:** 2024-02-06b "Kaos" ✅ 
 +  * **PHP:** 8.0+ erforderlich ⚠️ 
 +  * **Browser:** Alle modernen Browser 
 +  * **Plugins:** Konflikt mit flowcharts Plugin
  
 ---- ----
-====== 8 Syntax-Plugins ====== 
-Die Syntax von DokuWiki kann durch [[doku>plugins|Plugins]] erweitert werden. Wie die einzelnen Plugins benutzt werden, steht auf den zugehörigen Beschreibungsseiten. Die folgenden Plugins sind auf dieser DokuWiki Installation verfügbar: 
  
-~~INFO:syntaxplugins~~+**Das Mermaid Plugin erweitert DokuWiki um professionelle Diagramm-Funktionalität. Für Updates und Probleme besuchen Sie das [[https://github.com/RobertWeinmeister/dokuwiki-mermaid|GitHub Repository]].** 
 + 
 +{{tag>mermaid diagramm flowchart sequenz gantt plugin dokuwiki}}
  • wiki/syntax.1442830706.txt.gz
  • Zuletzt geändert: 21.09.2015 12:18
  • von Michael Wegener