wiki:syntax

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
wiki:syntax [02.07.2025 05:40] – Mermaid Plugin Syntax-Dokumentation hinzugefügt Jane Alesiwiki:syntax [16.07.2025 11:54] (aktuell) – Updated syntax reference with optimized structure and comprehensive plugin coverage Jane Alesi
Zeile 1: Zeile 1:
-====== Umfassende DokuWiki-Syntaxreferenz für wiki.satware.com ======+====== DokuWiki Syntax Reference - Optimized ======
  
-**Basierend auf DokuWiki 2024-02-06b "Kaos" Release**+**System:** DokuWiki 2024-02-06b "Kaos" | Bootstrap3 | 25+ plugins | PHP 7.4-8.1
  
 ---- ----
  
-===== Systemkonfiguration ===== +===== 1. Text Formatting =====
-  * **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+
  
-----+==== Basic Markup ==== 
 +``` 
 +**bold** //italic// __underline__ ''monospace'' 
 +<sub>subscript</sub> <sup>superscript</sup> <del>strikethrough</del> 
 +**__//''combined formatting''//__** 
 +```
  
-===== 1. Grundlegende Textformatierung =====+==== Line Breaks ==== 
 +``` 
 +Line 1\\ 
 +Line 2 with forced break\\ 
 +End of paragraph
  
-==== Textauszeichnung ==== +New paragraph starts here 
-<code> +```
-DokuWiki unterstützt **fett**, //kursiv//, __unterstrichen__ und ''monospace'' Text. +
-Natürlich können Sie **__//''alles kombinieren''//__**. +
-</code> +
- +
-**Ergebnis:**\\ +
-DokuWiki unterstützt **fett**, //kursiv//, __unterstrichen__ und ''monospace'' Text.\\ +
-Natürlich können Sie **__//''alles kombinieren''//__**. +
- +
-==== 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> +
- +
-**Ergebnis:** Sie können <sub>tiefgestellt</sub> und <sup>hochgestellt</sup> verwenden.\\ +
-Beispiel: H<sub>2</sub>O und E=mc<sup>2</sup> +
- +
-==== Durchgestrichener Text ==== +
-<code> +
-Sie können etwas als <del>gelöscht</del> markieren. +
-</code> +
- +
-**Ergebnis:** Sie können etwas als <del>gelöscht</del> markieren. +
- +
-==== 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> +
- +
-**Ergebnis:**\\ +
-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. +
- +
-**Wichtig:** Verwenden Sie erzwungene Zeilenumbrüche nur wenn wirklich nötig.+
  
 ---- ----
  
-===== 2. Überschriften und Gliederung =====+===== 2. Headers & Structure =====
  
-==== Überschriftenebenen ==== +==== Header Levels ==== 
-<code> +``` 
-====== Ebene 1 (Hauptüberschrift) ====== +====== H1 (Main Title) ====== 
-===== Ebene 2 ===== +===== H2 (Section) ===== 
-==== Ebene 3 ==== +==== H3 (Subsection) ==== 
-=== Ebene 4 === +=== H4 (Sub-subsection) === 
-== Ebene 5 == +== H5 (Paragraph) == 
-</code>+```
  
-**Ergebnis:** +==== Control Macros ==== 
-====== Ebene 1 (Hauptüberschrift) ====== +``` 
-===== Ebene 2 ===== +----                    // horizontal line 
-==== Ebene 3 ==== +~~NOTOC~~              // disable table of contents 
-=== Ebene 4 === +~~NOCACHE~~            // force page refresh 
-== Ebene 5 == +```
- +
-==== Automatisches Inhaltsverzeichnis ==== +
-  * Wird automatisch bei mehr als 3 Überschriften erstellt +
-  * Deaktivierung mit ''%%~~NOTOC~~%%'' +
- +
-==== Horizontale Linie ==== +
-<code> +
----- +
-</code> +
- +
-**Ergebnis:** +
----- +
- +
-Vier oder mehr Bindestriche erzeugen eine horizontale Linie.+
  
 ---- ----
Zeile 93: Zeile 47:
 ===== 3. Links ===== ===== 3. Links =====
  
-==== Externe Links ==== +==== External Links ==== 
-<code> +``` 
-http://www.google.com +http://example.com 
-[[http://www.google.com]] +[[http://example.com]] 
-[[http://www.google.com|Dieser Link führt zu Google]] +[[http://example.com|Link text]] 
-<andi@splitbrain.org> +<email@domain.com> 
-</code>+```
  
-**Ergebnis:**\\ +==== Internal Links ==== 
-http://www.google.com\\ +``` 
-[[http://www.google.com]]\\ +[[pagename]] 
-[[http://www.google.com|Dieser Link führt zu Google]]\\ +[[pagename|Display text]] 
-<andi@splitbrain.org>+[[namespace:page]] 
 +[[#anchor|Section link]] 
 +[[syntax#internal|This section]] 
 +```
  
-==== Interne Links ==== +==== Special Links ==== 
-<code> +``` 
-[[seitenname]] +[[doku>wiki]]          // Interwiki 
-[[seitenname|Link-Text]] +[[\\server\share]]     // Windows share 
-[[namespace:seitenname]] +```
-[[syntax#internal|Zu diesem Abschnitt]] +
-</code> +
- +
-**Ergebnis:**\\ +
-[[seitenname]]\\ +
-[[seitenname|Link-Text]]\\ +
-[[namespace:seitenname]]\\ +
-[[syntax#internal|Zu diesem Abschnitt]] +
- +
-==== Interwiki-Links ==== +
-<code> +
-[[doku>Interwiki]] +
-[[wp>Wiki]] +
-</code> +
- +
-**Ergebnis:**\\ +
-[[doku>Interwiki]]\\ +
-[[wp>Wiki]] +
- +
-==== Windows-Freigaben ==== +
-<code> +
-[[\\server\freigabe|Diese Freigabe]] +
-</code> +
- +
-**Ergebnis:**\\ +
-[[\\server\freigabe|Diese Freigabe]] +
- +
-==== Bild-Links ==== +
-<code> +
-[[http://php.net|{{wiki:dokuwiki-128.png}}]] +
-</code> +
- +
-**Ergebnis:**\\ +
-[[http://php.net|{{wiki:dokuwiki-128.png}}]]+
  
 ---- ----
  
-===== 4. Bilder und Medien =====+===== 4. Media & Images =====
  
-==== Grundlegende Bildsyntax ==== +==== Basic Image Syntax ==== 
-<code> +``` 
-{{wiki:dokuwiki-128.png}}                    // Originalgröße +{{image.png}}                    // original size 
-{{wiki:dokuwiki-128.png?50}}                 // Breite: 50px +{{image.png?200}}               // width: 200px 
-{{wiki:dokuwiki-128.png?200x50}}             // Breite x Höhe +{{image.png?200x100}}           // width x height 
-{{https://www.php.net/images/php.gif?200x50}} // Externes Bild +{{https://example.com/img.png}} // external image 
-</code>+```
  
-**Ergebnis:**\\ +==== Image Alignment ==== 
-{{wiki:dokuwiki-128.png}}\\ +``` 
-{{wiki:dokuwiki-128.png?50}}\\ +{{ image.png }}                 // centered 
-{{wiki:dokuwiki-128.png?200x50}}\\ +{{image.png }}                  // left aligned 
-{{https://www.php.net/images/php.gif?200x50}}+{{ image.png}}                  // right aligned 
 +{{image.png|Caption text}}      // with caption 
 +```
  
-==== Bildausrichtung ==== +==== Supported Formats ==== 
-<code> +- **Images:** gif, jpg, png, svg 
-{{ wiki:dokuwiki-128.png}}    // Rechtsbündig +- **Video:** webm, ogv, mp4 
-{{wiki:dokuwiki-128.png }}    // Linksbündig +- **Audio:** ogg, mp3, wav
-{{ 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 =====+===== 5. Lists =====
  
-==== Ungeordnete Listen ==== +==== Unordered Lists ==== 
-<code> +``` 
-  * Dies ist eine Liste +  * First item 
-  * Der zweite Punkt +  * Second item 
-    * Sie können verschiedene Ebenen haben +    * Nested item 
-    * Noch ein Unterpunkt +    * Another nested 
-  * Ein weiterer Punkt +  * Back to first level 
-</code>+```
  
-**Ergebnis:** +==== Ordered Lists ==== 
-  * Dies ist eine Liste +``` 
-  * Der zweite Punkt +  - First numbered 
-    * Sie können verschiedene Ebenen haben +  - Second numbered 
-    * Noch ein Unterpunkt +    - Nested numbered 
-  * Ein weiterer Punkt+    - Another nested 
 +  - Back to first level 
 +```
  
-==== Geordnete Listen ==== +==== Mixed Lists ==== 
-<code> +``` 
-  - Die gleiche Liste, aber nummeriert +  * Unordered 
-  - Ein weiterer Punkt +    - Ordered nested 
-    - Verwenden Sie Einrückung für tiefere Ebenen +    - Another ordered 
-    - Das war's +  * Back to unordered 
-  - 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 =====+===== 6. Tables =====
  
-==== Grundlegende Tabellensyntax ==== +==== Basic Table ==== 
-<code> +``` 
-^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^ +^ Header 1 ^ Header 2 ^ Header 3 ^ 
-| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  | +| Cell 1   | Cell 2   | Cell 3   | 
-| Zeile 2 Sp 1  | Zeile 2 Sp 2  | Zeile 2 Sp 3  | +| Row 2    | Data     | More     | 
-</code>+```
  
-**Ergebnis:** +==== Advanced Features ==== 
-^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^ +``` 
-| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  | +^ Header 1 ^ Header 2 ^ Header 3 ^ 
-| Zeile 2 Sp 1  | Zeile 2 Sp 2  | Zeile 2 Sp 3  |+| Cell 1   | Colspan  || 
 +| Rowspan  | Cell 2   | Cell 3   | 
 +| :::      | Cell 2   | Cell 3   | 
 +```
  
-==== Colspan (Zellen horizontal verbinden) ==== +==== Alignment ==== 
-<code> +``` 
-^ Überschrift 1 ^ Überschrift 2 ^ Überschrift 3 ^ +^     Centered Header     ^ 
-| Zeile 1 Sp 1  | Zeile 1 Sp 2  | Zeile 1 Sp 3  | +|  right|  center  |left  | 
-| Zeile 2 Sp 1  | ein colspan (beachten Sie die doppelte Pipe) || +``` 
-| Zeile 3 Sp 1  | Zeile 3 Sp 2  | Zeile 3 Sp 3  | +**Rules:** 2+ spaces: left→right, right→left, both→center
-</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 ===== +===== 7. Code & Formatting =====
- +
-==== Inline-Code ==== +
-<code> +
-Dies ist ''monospace'' Text. +
-</code>+
  
-**Ergebnis:**\\ +==== Inline Code ==== 
-Dies ist ''monospace'' Text.+``` 
 +Use ''monospace'' for inline code 
 +```
  
-==== Code-Blöcke ==== +==== Code Blocks ==== 
-**Ergebnis:**+```
 <code> <code>
-Dies ist vorformatierter Code, alle Leerzeichen bleiben erhalten: wie              <-hier+Plain code block 
 +preserves   spaces
 </code> </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>
-/** +// Syntax highlighted Java 
- * Die HelloWorldApp-Klasse implementiert eine Anwendung, die +public class Hello {
- * einfach "Hello World!" zur Standardausgabe anzeigt. +
- */ +
-class HelloWorldApp {+
     public static void main(String[] args) {     public static void main(String[] args) {
-        System.out.println("Hello World!"); //Zeigt den String an.+        System.out.println("Hello World!");
     }     }
 } }
 </code> </code>
-</code>+```
  
-**Ergebnis:** +==== File Blocks ==== 
-<code java> +``` 
-/** +<file php script.php> 
- * Die HelloWorldApp-Klasse implementiert eine Anwendung, die +<?php 
- * einfach "Hello World!" zur Standardausgabe anzeigt. +echo "Downloadable file"; 
- */ +?>
-class HelloWorldApp { +
-    public static void main(String[] args) { +
-        System.out.println("Hello World!"); //Zeigt den String an. +
-    } +
-} +
-</code> +
- +
-==== Unterstützte Sprachen für Syntax-Highlighting ==== +
-''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'' +
- +
-==== Herunterladbare Code-Blöcke ==== +
-<code> +
-<file php myexample.php> +
-<?php echo "hello world!"; ?>+
 </file> </file>
-</code>+```
  
-**Ergebnis:** +==== No Formatting ==== 
-<file php myexample.php> +``` 
-<?php echo "hello world!"; ?> +<nowiki>**No formatting** //applied here//</nowiki> 
-</file>+%%**No formatting** //applied here//%% 
 +```
  
-==== Code ohne Highlighting ==== +==== Supported Languages ==== 
-<code> +**Popular:** java, php, python, javascript, html, css, xml, json, yaml, bash, sql, c, cpp, csharp, go, rust, swift, kotlin, scala, ruby, perl, lua, r, matlab, latex, markdown
-<code - myfile.foo> +
-Kein Syntax-Highlighting, aber herunterladbar +
-</code> +
-</code>+
  
-**Ergebnis:** +**Complete list:** 200+ languages including assembly, fortran, cobol, ada, pascal, delphi, vb, powershell, batch, nginx, apache, docker, terraform, etc.
-<code - myfile.foo> +
-Kein Syntax-Highlighting, aber herunterladbar +
-</code>+
  
 ---- ----
  
-===== 8. Keine Formatierung =====+===== 8. Special Elements =====
  
-==== Nowiki-Tags ==== +==== Quotes ==== 
-<code> +``` 
-<nowiki> +> First level quote 
-Dies ist Text, der Adressen wie diese enthält: http://www.splitbrain.org und **Formatierung**, aber nichts wird damit gemacht. +>> Second level quote 
-</nowiki> +>>> Third level quote 
-</code>+```
  
-**Ergebnis:** +==== Footnotes ==== 
-<nowiki> +``` 
-Dies ist Text, der Adressen wie diese enthält: http://www.splitbrain.org und **Formatierung**, aber nichts wird damit gemacht. +Text with footnote((This is the footnote content)) 
-</nowiki>+```
  
-==== Prozent-Zeichen ==== +==== Emoticons & Symbols ==== 
-<code> +``` 
-Das Gleiche gilt für %%//__dieser__ Text// mit einem Smiley ;-)%%. +8-) 8-O :-( :-) =) :-/ :-\ :-? :-D :-P :-O :-X :-| ;-) ^_^  
-</code> +:?: :!: LOL FIXME DELETEME
- +
-**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? +
- +
->> Ja! +
- +
->>> Dann lass es uns tun! +
-</code> +
- +
-**Ergebnis:** +
- +
-Ich denke, wir sollten es tun +
- +
-> Nein, sollten wir nicht +
- +
->> Nun, ich sage, wir sollten +
- +
-> Wirklich? +
- +
->> Ja! +
- +
->>> Dann lass es uns tun! +
- +
----- +
- +
-===== 10. Fußnoten ===== +
- +
-<code> +
-Sie können Fußnoten((Dies ist eine Fußnote)) hinzufügen, indem Sie doppelte Klammern verwenden. +
-</code> +
- +
-**Ergebnis:** Sie können Fußnoten((Dies ist eine Fußnote)) hinzufügen, indem Sie doppelte Klammern verwenden. +
- +
----- +
- +
-===== 11. Text-Konvertierungen ===== +
- +
-==== Smileys ==== +
-DokuWiki konvertiert häufig verwendete Emoticons in ihre grafischen Entsprechungen: +
- +
-<code> +
-8-) 8-O :-( :-) =) :-/ :-\ :-? :-D :-P :-O :-X :-| ;-) ^_^ m( :?: :!: LOL FIXME DELETEME +
-</code> +
- +
-**Ergebnis:**\\ +
-8-) 8-O :-( :-) =) :-/ :-\ :-? :-D :-P :-O :-X :-| ;-) ^_^ m( :?: :!: LOL FIXME DELETEME +
- +
-==== Typografische Konvertierungen ==== +
-<code>+
 -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)
-"Er dachte 'Es ist eine Männerwelt'..." +```
-</code> +
- +
-**Ergebnis:**\\ +
--> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)\\ +
-"Er dachte 'Es ist eine Männerwelt'..."+
  
 ---- ----
  
-===== 12. RSS/ATOM Feed-Aggregation =====+===== 9. RSS/Feeds =====
  
-<code> +``` 
-{{rss>http://slashdot.org/index.rss 5 author date 1h}} +{{rss>http://example.com/feed.rss 5 author date 1h}} 
-</code>+```
  
-**Ergebnis:**\\ +**Parameters:** 
-{{rss>http://slashdot.org/index.rss 5 author date 1h}} +- Number: max items to display 
- +- **author:** show author names 
-**Parameter:** +- **date:** show publication dates 
-  * **Zahl:** Maximale Anzahl der anzuzeigenden Elemente (Standard: 8) +- **reverse:** newest first 
-  * **reverse:** Zeigt die letzten Elemente zuerst an +- **1h/1d/1w:** update frequency
-  * **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)+
  
 ---- ----
  
-===== 13. Kontroll-Makros =====+===== 10. Plugin Extensions =====
  
-==== NOTOC - Inhaltsverzeichnis unterdrücken ==== +==== Color Plugin ==== 
-<code> +``` 
-~~NOTOC~~ +<color red>Red text</color> 
-</code>+<color blue/yellow>Blue text on yellow background</color> 
 +<color #FF0000>Hex color</color> 
 +```
  
-**Ergebnis:** Verhindert die automatische Erstellung eines Inhaltsverzeichnisses.+==== Icons Plugin ==== 
 +``` 
 +{{icon>home}}              // Generic icon 
 +{{fa>home}}                // Font Awesome 
 +{{fa>user|User Profile}}   // With tooltip 
 +{{glyphicon>star?24}}      // Glyphicon with size 
 +```
  
-==== NOCACHE - Cache deaktivieren ==== +==== Forms Plugin ==== 
-<code> +```
-~~NOCACHE~~ +
-</code> +
- +
-**Ergebnis:** Zwingt DokuWiki, die Seite bei jedem Aufruf neu zu rendern. +
- +
----- +
- +
-===== 14. Plugin-spezifische Syntax ===== +
- +
-Ihre Installation verfügt über folgende Syntax-Plugins: +
- +
-==== Add New Page Plugin ==== +
-<code> +
-{{NEWPAGE}} +
-{{NEWPAGE>namespace}} +
-{{NEWPAGE>namespace?label=Benutzerdefiniertes Label}} +
-</code> +
- +
-**Ergebnis:**\\ +
-{{NEWPAGE}}\\ +
-{{NEWPAGE>namespace}}\\ +
-{{NEWPAGE>namespace?label=Benutzerdefiniertes Label}} +
- +
-==== BPMN.io Plugin ==== +
-<code> +
-<bpmnio type="bpmn"> +
-BPMN XML Inhalt hier... +
-</bpmnio> +
-</code> +
- +
-**Ergebnis:** Rendert BPMN-Diagramme basierend auf dem bereitgestellten XML-Inhalt. +
- +
-==== Bureaucracy Plugin ==== +
-<code>+
 <form> <form>
-Action mail me@example.com +Action mail admin@example.com 
-Thanks "Vielen Dank für Ihre Eingabe."+Thanks "Thank you for your submission"
  
-Fieldset "Persönliche Daten" +Fieldset "Contact Information" 
-Textbox "Name" "=Ihr Name" +Textbox "Name" "=Your Name" 
-email "E-Mail Adresse" @@+email "Email" @@ 
 +textarea "Message" !
  
-submit "Absenden"+submit "Send Message"
 </form> </form>
-</code>+```
  
-**Ergebnis:** Erstellt ein funktionsfähiges Formular mit E-Mail-Versand.+==== Tag Plugin ==== 
 +``` 
 +{{tag>documentation wiki syntax}} 
 +{{topic>wiki +syntax}} 
 +{{count>+}} 
 +```
  
-==== Color Plugin ==== +==== ToDo Plugin ==== 
-<code> +``` 
-<color green>grüner Text</color> +<todo>Task to complete</todo> 
-<color blue/lightgrey>blauer Text auf hellgrauem Hintergrund</color> +<todo #>Completed task</todo> 
-<color #FF0000>roter Text</color> +<todo @user>Task assigned to user</todo> 
-</code> +<todo !>High priority task</todo> 
- +```
-**Ergebnis:**\\ +
-<color green>grüner Text</color>\\ +
-<color blue/lightgrey>blauer Text auf hellgrauem Hintergrund</color>\\ +
-<color #FF0000>roter Text</color> +
- +
-==== DataTables Plugin ==== +
-<code> +
-<datatables> +
-^ Spalte A ^ Spalte B ^ Spalte C ^ +
-| Zeile A1 | Zeile B1 | Zeile C1 | +
-| Zeile A2 | Zeile B2 | Zeile C2 | +
-</datatables> +
-</code> +
- +
-**Ergebnis:** Erstellt eine interaktive Tabelle mit Sortier-, Filter- und Suchfunktionen. +
- +
-==== Icons Plugin ==== +
-<code> +
-{{icon>home}} +
-{{fa>home|Startseite}} +
-{{glyphicon>user?24}} +
-</code> +
- +
-**Ergebnis:**\\ +
-{{icon>home}}\\ +
-{{fa>home|Startseite}}\\ +
-{{glyphicon>user?24}}+
  
 ==== Struct Plugin ==== ==== Struct Plugin ====
-<code>+```
 ---- struct data ---- ---- struct data ----
 schema: person schema: person
-name: Max Mustermann +name: John Doe 
-email: max@example.com+email: john@example.com 
 +department: IT
 ---- ----
-</code>+```
  
-**Ergebnis:** Speichert strukturierte Daten, die später abgefragt werden können. +==== DataTables Plugin ==== 
- +``` 
-==== Tag Plugin ==== +<datatables> 
-<code> +^ Name ^ Position ^ Salary ^ 
-{{tag>tag1 tag2 tag3}} +| John | Developer | $75,000 | 
-{{topic>tag1 -tag2}} +| Jane | Designer | $65,000 | 
-{{count>+}} +| Bob | Manager | $85,000 | 
-</code> +</datatables> 
- +```
-**Ergebnis:**\\ +
-{{tag>tag1 tag2 tag3}}\\ +
-{{topic>tag1 -tag2}}\\ +
-{{count>+}} +
- +
-==== ToDo Plugin ==== +
-<code> +
-<todo>Titel der Aufgabe</todo> +
-<todo #>Erledigte Aufgabe</todo> +
-<todo @benutzer>Aufgabe für Benutzer</todo> +
-</code> +
- +
-**Ergebnis:**\\ +
-<todo>Titel der Aufgabe</todo>\\ +
-<todo #>Erledigte Aufgabe</todo>\\ +
-<todo @benutzer>Aufgabe für Benutzer</todo>+
  
 ==== VShare Plugin ==== ==== VShare Plugin ====
-<code> +``` 
-{{youtube>L-WM8YxwqEU}} +{{youtube>VIDEO_ID}} 
-{{vimeo>123456789}} +{{youtube>VIDEO_ID?large}} 
-{{youtube>L-WM8YxwqEU?large}} +{{vimeo>VIDEO_ID}} 
-</code> +{{dailymotion>VIDEO_ID}} 
- +```
-**Ergebnis:** Bettet Videos von YouTube, Vimeo und anderen Plattformen ein.+
  
 ==== Wrap Plugin ==== ==== Wrap Plugin ====
-<code> +``` 
-<WRAP classes #id width :language> +<WRAP center round info 60%> 
-"großer" Inhalt+**Information Box** 
 +Centered, rounded info box with 60% width
 </WRAP> </WRAP>
  
-<wrap classes #id width :language>"kleiner" Inhalt</wrap> +<wrap em>Emphasized inline text</wrap> 
-</code> +```
- +
-**Ergebnis:** Erstellt Container mit CSS-Klassen für erweiterte Formatierung.+
  
 ---- ----
  
-===== 15. Fehlerbehebung für DokuWiki 2024-02-06b "Kaos" =====+===== 11. Reveal.js Presentations =====
  
-==== Bekannte Probleme und Lösungen ====+==== Basic Setup ==== 
 +``` 
 +~~REVEAL theme~~
  
-=== Formatierte Tabellen-Problem === +====== Main Slide ====== 
-  * **Problem:** Tabellen mit komplexer Formatierung werden nicht korrekt gerendert +Slide content here
-  * **Lösung:** Entfernen Sie temporär die Tabellenformatierung aus dem Quelltext +
-  * **Langfristig:** Warten Sie auf offizielle Patches+
  
-=== PHP 8.1 Kompatibilität === +===== Horizontal Slide ===== 
-  * **Problem:** Fehler beim Upgrade von PHP 7.4 auf 8.1 +Next slide content
-  * **Lösung:** Überprüfen Sie Plugin-Kompatibilität und aktualisieren Sie alle Plugins +
-  * **Beispiel-Fix für ckgedit Plugin:**+
  
-<code php> +==== Vertical Slide ==== 
-function checkuserfiles() { +Nested slide content 
-    $expire = 0; // Diese Zeile hinzufügen +```
-    // Rest der Funktion... +
-} +
-</code>+
  
-=== Cache-Probleme === +==== Advanced Features ==== 
-  * Browser-Cache leeren (Strg+F5) +``` 
-  * ''%%~~NOCACHE~~%%'' temporär verwenden +~~REVEAL theme=sky&transition=fade&controls=1~~
-  * Admin: Cache über Konfiguration leeren +
- +
-=== Plugin-Konflikte === +
-  * Plugins einzeln deaktivieren +
-  * Kompatibilität mit DokuWiki-Version prüfen +
-  * 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> +
-Dies verlinkt zu [[syntax#internal|diesem Abschnitt]]. +
-</code> +
- +
-**Ergebnis:**\\ +
-Dies verlinkt zu [[syntax#internal|diesem Abschnitt]]. +
- +
-==== Namespaces ==== +
-<code> +
-[[some:namespaces]] +
-</code> +
- +
-**Ergebnis:**\\ +
-[[some:namespaces]] +
- +
-Verwenden Sie Doppelpunkte, um Namespaces zu erstellen. +
- +
-==== Sektionsbearbeitung ==== +
-Jede Überschrift wird automatisch zu einem bearbeitbaren Abschnitt. +
- +
----- +
- +
-**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.** +
- +
-{{tag>wiki syntax dokuwiki referenz 2024}} +
- +
- +
----- +
- +
-===== 18. Reveal.js Slideshow Plugin ===== +
- +
-==== 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. +
- +
-  * **GitHub Repository:** [[https://github.com/neuralyzer/dokuwiki-plugin-revealjs|neuralyzer/dokuwiki-plugin-revealjs]] +
-  * **Reveal.js Version:** 3.9.2 +
-  * **DokuWiki Kompatibilität:** 2024-02-06b "Kaos" und früher +
-  * **Lizenz:** MIT (Reveal.js Framework) +
- +
-==== Grundlegende Verwendung ==== +
- +
-=== Präsentation aktivieren === +
-<code> +
-~~REVEAL~~ +
-</code> +
- +
-**Ergebnis:** Fügt einen "Präsentation starten" Button ein. **Obligatorisch** für alle Präsentationen. +
- +
-=== Theme-Auswahl === +
-<code> +
-~~REVEAL white~~ +
-~~REVEAL theme=sky&transition=convex&controls=1~~ +
-</code> +
- +
-**Verfügbare Themes:** +
-  * ''black'', ''white'', ''beige'', ''blood'', ''league'', ''default'' +
-  * ''moon'', ''night'', ''serif'', ''simple'', ''sky'', ''solarized'' +
-  * ''dokuwiki'' (solarized mit DokuWiki-Hintergrundfarbe) +
- +
-==== Folien-Struktur ==== +
- +
-=== Header-basierte Folien === +
-<code> +
-====== Hauptfolie (H1) ====== +
-Inhalt der ersten Folie +
- +
-===== Horizontale Folie (H2) ===== +
-Inhalt der zweiten Folie +
- +
-==== Vertikale Folie (H3) ==== +
-Unterfolie (vertikal verschachtelt) +
- +
-=== Weitere vertikale Folie === +
-Noch eine Unterfolie +
-</code> +
- +
-**Folien-Hierarchie:** +
-  * **H1 (======):** Hauptfolien (horizontal) +
-  * **H2 (=====):** Horizontale Folien +
-  * **H3 (====) und tiefer:** Vertikale Folien (verschachtelt) +
- +
-=== Konfigurierbare Folien-Ebenen === +
-<code> +
-~~REVEAL horizontal_slide_level=1~~ +
-</code> +
- +
-**horizontal_slide_level Optionen:** +
-  * ''1'': H1+ horizontal, H2+ vertikal +
-  * ''2'': H2+ horizontal, H3+ vertikal (Standard) +
- +
-==== Hintergrund-Gestaltung ==== +
- +
-=== Einfache Hintergründe === +
-<code> +
-{{background>red}} +
-===== Folie mit rotem Hintergrund ===== +
- +
-{{background>:wiki:dokuwiki-128.png}} +
-===== Folie mit Bild-Hintergrund ===== +
-</code> +
- +
-=== Erweiterte Hintergrund-Optionen === +
-<code> +
-{{background>orange wiki:dokuwiki-128.png 10% repeat bg-slide}} +
-===== Folie mit komplexem Hintergrund ===== +
-</code> +
- +
-**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'' +
- +
-==== 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}} {{background>lightblue}}
-===== Hauptteil =====+===== Slide with Background =====
  
-<fragment>Erster wichtiger Punkt</fragment> +<fragment>First point appears</fragment> 
- +<fragment>Then second point</fragment> 
-<fragment>Zweiter wichtiger Punkt</fragment> +<fragment>Finally third point</fragment>
- +
-<fragment-block> +
-==== Detaillierte Informationen ==== +
-  * Detail A +
-  * Detail B +
-  * Detail C +
-</fragment-block> +
- +
-==== Unterfolie ==== +
-Vertikale Navigation mit Pfeiltasten+
  
 <notes> <notes>
-Sprecher-Notizen: +Speaker notes here 
-- Punkt A erwähnen +- Point 1 
-- Fragen stellen +- Point 2
-- Auf nächste Folie überleiten+
 </notes> </notes>
 +```
  
-===== Zusammenfassung ===== +**Available Themes:** white, black, sky, beige, blood, league, moon, night, serif, simple, solarized, dokuwiki
-  * 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+
  
 ---- ----
  
-**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]].**+===== 12. Mermaid Diagrams =====
  
-{{tag>reveal.js präsentation slideshow plugin dokuwiki}} +==== Flowcharts ==== 
- +```
----- +
- +
-===== 19. Mermaid Plugin ===== +
- +
-==== 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. +
- +
-  * **GitHub Repository:** [[https://github.com/RobertWeinmeister/dokuwiki-mermaid|RobertWeinmeister/dokuwiki-mermaid]] +
-  * **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) +
- +
-==== Grundlegende Verwendung ==== +
- +
-=== Einfaches Diagramm === +
-<code>+
 <mermaid> <mermaid>
-  graph TD +graph TD 
-    A[Start] --> B{Entscheidung} +    A[Start] --> B{Decision} 
-    B -->|Ja| C[Aktion 1] +    B -->|Yes| C[Action 1] 
-    B -->|Nein| D[Aktion 2] +    B -->|No| D[Action 2] 
-    C --> E[Ende]+    C --> E[End]
     D --> E     D --> E
 </mermaid> </mermaid>
-</code>+```
  
-**Ergebnis:** Rendert ein interaktives Flussdiagramm. +==== Sequence Diagrams ==== 
- +```
-=== 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: ''-->'', ''---'', ''-.->'' +
- +
-==== Unterstützte Diagramm-Typen ==== +
- +
-=== Flussdiagramme (Flowcharts) === +
-<code> +
-<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>+
 <mermaid> <mermaid>
-  sequenceDiagram +sequenceDiagram 
-    participant A as Kunde +    participant User 
-    participant B as Server +    participant System 
-    participant C as Datenbank+    participant Database
          
-    A->>B: Anfrage senden +    User->>System: Request 
-    B->>C: Daten abfragen +    System->>Database: Query 
-    C-->>B: Daten zurückgeben +    Database-->>System: Response 
-    B-->>A: Antwort senden +    System-->>User: Result
-     +
-    Note over A,C: Kommunikation beendet+
 </mermaid> </mermaid>
-</code>+```
  
-**Pfeil-Typen:** +==== Gantt Charts ==== 
-  * ''A->>B'': Solider Pfeil +```
-  * ''A-->>B'': Gestrichelter Pfeil +
-  * ''A-xB'': Pfeil mit Kreuz +
-  * ''A--xB'': Gestrichelter Pfeil mit Kreuz +
- +
-=== Gantt-Diagramme === +
-<code>+
 <mermaid> <mermaid>
-  gantt +gantt 
-    title Projektplan +    title Project Timeline 
-    dateFormat  YYYY-MM-DD +    dateFormat YYYY-MM-DD 
-    section Planung +    section Planning 
-    Anforderungen sammeln :done, des1, 2024-01-01,2024-01-05 +    Requirements :done, 2024-01-01, 2024-01-05 
-    System-Design        :active, des2, 2024-01-06, 3d +    Design      :active, 2024-01-06, 3d 
-    section Entwicklung +    section Development 
-    Frontend entwickeln  :2024-01-10, 7d +    Coding      :2024-01-10, 7d 
-    Backend entwickeln   :2024-01-15, 10d +    Testing     :2024-01-15, 5d
-    section Tests +
-    Unit Tests          :2024-01-20, 3d +
-    Integration Tests   :2024-01-23, 2d+
 </mermaid> </mermaid>
-</code>+```
  
-=== Klassendiagramme === +**Supported Types:** flowchart, sequence, gantt, class, git, pie, journey, er, timeline, quadrant
-<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>+
  
-=== 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>+
  
-=== User Journey Diagramme === +===== 13. System Configuration =====
-<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>+
  
-=== Entity-Relationship Diagramme === +==== Current Installation ==== 
-<code> +- **DokuWiki:** 2024-02-06b "Kaos" 
-<mermaid> +- **Template:** Bootstrap3 v2024-02-06 (hotfix/20241008) 
-  erDiagram +- **PHP:** 7.4-8.1 compatible 
-    KUNDE ||--o{ BESTELLUNG : "erstellt" +- **Plugins:** 25+ active extensions
-    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>+
  
-=== Tortendiagramme === +==== Cache Management ==== 
-<code> +``` 
-<mermaid> +~~NOCACHE~~              // Force refresh for this page 
-  pie title Marktanteile Browser 2024 +```
-    "Chrome" : 65.8 +
-    "Safari" : 18.8 +
-    "Edge" : 5.4 +
-    "Firefox" : 3.2 +
-    "Andere" : 6.8 +
-</mermaid> +
-</code>+
  
-==== Erweiterte Funktionen ====+==== Performance Tips ==== 
 +- Optimize images before upload 
 +- Use namespaces for organization 
 +- Avoid excessive plugin usage 
 +- Regular maintenance and updates
  
-=== Größenanpassung === +----
-<code> +
-<mermaid 100% 400px> +
-  graph TD +
-    A[Breite: 100%] --> B[Höhe: 400px] +
-</mermaid>+
  
-<mermaid 500px 300px> +===== 14. Troubleshooting =====
-  graph LR +
-    C[Breite: 500px] --> D[Höhe: 300px] +
-</mermaid> +
-</code>+
  
-**Unterstützte Einheiten:** +==== Common Issues ==== 
-  * **Pixel:** ''400px'', ''500px'' +| **Problem** | **Solution** | 
-  * **Prozent:** ''100%'', ''50%'' +| Page not updating | Use `~~NOCACHE~~` or Ctrl+F5 | 
-  * **CSS-Einheiten:** ''10cm'', ''5in'', ''20em''+| Images not displaying | Check file path and permissions | 
 +| Syntax not working | Verify plugin activation | 
 +| PHP errors | Check PHP version compatibility | 
 +| Plugin conflicts | Disable plugins individually |
  
-=== Raw-Modus === +==== Browser Compatibility ==== 
-<code> +- **Modern browsers:** Full support 
-<mermaid> +- **Mobile devices:** Responsive design 
-  raw +- **Accessibility:** Screen reader compatible 
-  graph TD +- **Performance:** Optimized for speed
-    A(**mermaid**)-->B((__plugin__)) +
-    A-->C(((//for//))) +
-    B-->D[["[[https://www.dokuwiki.org/dokuwiki|DokuWiki]]"]] +
-    C-->D +
-</mermaid> +
-</code>+
  
-**Raw-Modus Vorteile:** +==== Debug Strategies ==== 
-  * Keine DokuWiki-Syntax-Verarbeitung +1. Check browser console for errors 
-  * Vollständige Mermaid-Funktionalität verfügbar +2. Verify plugin compatibility 
-  * Vermeidet Konflikte zwischen DokuWiki und Mermaid-Syntax+3. Test with minimal content 
 +4. Use DokuWiki debug mode 
 +5. Check server logs
  
-=== 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:** +===== 15. Best Practices =====
-  * **Interne Links:** ''[[seitenname|Anzeige-Text]]'' +
-  * **Externe Links:** ''[[URL|Anzeige-Text]]'' +
-  * **Anführungszeichen:** Notwendig bei Links in Mermaid-Knoten+
  
-=== Styling und Themes === +==== Content Organization ==== 
-<code> +- Use logical heading hierarchy 
-<mermaid> +- Implement consistent naming conventions 
-  graph TD +- Organize media in folders 
-    A[Knoten A] --> B[Knoten B] +- Regular content reviews
-    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:** +==== Accessibility ==== 
-  * **Standard:** ''default'', ''neutral'', ''dark'' +- Provide alt-text for images 
-  * **Erweitert:** ''forest'', ''base'', ''mc-squared''+- Use descriptive link text 
 +- Maintain proper heading structure 
 +- Test with screen readers
  
-==== Diagramm-Export ====+==== Security ==== 
 +- Keep DokuWiki updated 
 +- Use strong authentication 
 +- Review ACL settings regularly 
 +- Monitor for suspicious activity
  
-=== SVG-Export aktivieren === +==== Performance ==== 
-**Administratoren müssen den Save-Button in der Plugin-Konfiguration aktivieren:** +- Optimize images and media 
-  - Admin → Konfiguration → Mermaid Plugin +- Use caching effectively 
-  - "Visibility of Save Button" auf "sichtbar" setzen+- Minimize plugin usage 
 +- Regular maintenance
  
-=== 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 === +===== 16. Advanced Features =====
-**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 ====+==== Namespaces ==== 
 +``` 
 +[[namespace:page]] 
 +[[sub:namespace:page]] 
 +```
  
-=== Klammer-Konflikte === +==== Anchors ==== 
-**Problem:** Mermaid und DokuWiki verwenden beide eckige Klammern.+``` 
 +[[page#section|Link to section]] 
 +```
  
-**Lösung:** Anführungszeichen verwenden: +==== Interwiki Links ==== 
-<code> +``` 
-%% Falsch: +[[doku>wiki]] 
-graph TD +[[wp>Wikipedia]] 
-  A[Link] --> B[[internal:link]]+[[google>search term]] 
 +```
  
-%% Richtig: +==== Include Pages ==== 
-graph TD +``` 
-  A[Link] --> B["[[internal:link]]"] +{{page>namespace:page}} 
-</code>+{{section>page#section}} 
 +```
  
-=== 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 ====+===== 17. Quick Reference =====
  
-=== Aktuelle Version (11.6) === +==== Essential Shortcuts ==== 
-  * **2025-06-04:** Mermaid 11.6.0 Support +| **Element** | **Syntax** | **Result** | 
-  * **2025-03-23:** Mermaid 11.5.0, Theme/Look-Konfiguration +| Bold | `**text**` | **text** | 
-  * **2024-10-15:** Mermaid 11.2.0, SVG-Export, Lock-Funktionalität +| Italic | `//text//` | //text// | 
-  * **2024-02-15:** Mermaid 10.8.0, Standard-Theme-Einstellung+| Link | `[[page|text]]` | [[page|text]] | 
 +| Image | `{{image.png}}` | Image display | 
 +| Code | `''code''` | ''code'' | 
 +| Header | `===== H2 =====` | Section header | 
 +| List | `  * item` | • item | 
 +| Table | `^ head ^ head ^` | Table header |
  
-=== Kompatibilität === +==== Plugin Shortcuts ==== 
-  * **DokuWiki:** 2024-02-06b "Kaos" ✅ +| **Plugin** | **Syntax** | **Function** | 
-  * **PHP:** 8.0+ erforderlich ⚠️ +| Color | `<color red>text</color>` | Colored text | 
-  * **Browser:** Alle modernen Browser +| Icon | `{{fa>home}}` | Font Awesome icon | 
-  * **Plugins:** Konflikt mit flowcharts Plugin+| Tag | `{{tag>tag1 tag2}}` | Page tags | 
 +| Todo | `<todo>task</todo>` | Task item | 
 +| Mermaid | `<mermaid>graph TD...</mermaid>` | Diagram |
  
 ---- ----
  
-**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]].**+**Complete DokuWiki syntax reference for wiki.satware.com**   
 +**Version:** 2024-02-06b "Kaos" | **Updated:** {{CURRENTDATE}}
  
-{{tag>mermaid diagramm flowchart sequenz gantt plugin dokuwiki}}+{{tag>wiki syntax dokuwiki reference guide}}
  • wiki/syntax.1751427623.txt.gz
  • Zuletzt geändert: 02.07.2025 05:40
  • von Jane Alesi