DW-Editor: Tabellen und Medien
Zurück: Editoren und Code-Darstellung
1. Übersicht und Zweck
Status: [Live] — vertieft
Formatierung um
die tabellarischen und medialen Toolbar-Befehle. Kategorien-Referenz:
DevExpress ASPxHtmlEditor
(https://demos.devexpress.com/ASPxHTMLEditorDemos/Default.aspx) — Ziel
ist wie bei der Formatierungsseite immer DokuWiki-Syntax bzw. Markdown, nie
HTML.
2. Voraussetzungen
Formatierung bereits verstanden.
3. Konzepte
Dieselbe Leitplanke wie bei der Formatierung: jeder Toolbar-Befehl schreibt DokuWiki-Syntax bzw. Markdown, nie HTML.
4. Erste Schritte
Kein separater Aufbauschritt — die Tabellen von Abschnitt 6 folgen demselben Muster wie die Formatierungs-Befehle.
5. Verwendung
Für Tabellen Abschnitt 6, für Medien/Links Abschnitt 7.
6. API-Referenz: Tabellen
| Toolbar-Befehl | DokuWiki-Syntax | Markdown |
|---|---|---|
| Tabelle einfügen (n×m) | ^ Kopf ^ Kopf ^ + | Zelle | Zelle |-Zeilen | | Kopf | Kopf | + |---|---| + | Zelle | Zelle | |
| Spalte/Zeile einfügen | fügt eine weitere |-Spalte bzw. |…|-Zeile ein, eine Tabellenzeile bleibt eine physische Quelltextzeile (dieselbe Falle wie bei Listen, s. Abschnitt 9) | analog |
| Zellen verbinden (horizontal) | leere Zelle direkt vor | ohne Text (DokuWiki verbindet automatisch mit der vorherigen Zelle) | kein natives Äquivalent — deaktiviert |
| Kopfzeile umschalten | ^ statt | als Zell-Trenner der betroffenen Zeile | erste Zeile + Trennzeile |---| ist immer Kopf, kein Umschalten pro Zeile |
7. Parameter, Optionen und Zustände: Medien
| Toolbar-Befehl | DokuWiki-Syntax | Markdown |
|---|---|---|
| Bild einfügen | {{namespace:datei.png?400|Alt-Text}} (Breite optional über ?Breite) |  — Breitenangabe kein natives Äquivalent, bleibt deaktiviert |
| Bild verlinken | {{namespace:datei.png|Alt-Text}} → äußere [[ziel>...]]-Verlinkung nur mit zusätzlicher, manueller Syntax möglich (kein direkter Toolbar-Befehl, DokuWiki-Kern-Grenze) | wie DokuWiki: kein direkter Befehl |
| Verweis (Link) | [[namespace:seite|Linktext]] intern, [[https://…|Linktext]] extern | [Linktext](namespace:seite) bzw. [Linktext](https://…) |
| Video/Audio einbetten | {{namespace:datei.mp4}} (DokuWiki erkennt Medientyp an der Dateiendung, kein separater Befehl nötig) |  — dieselbe Dateiendungs-Erkennung über wvdsdwmd |
Sicherheit: ein WYSIWYG-Mediendialog, der den Namespace-Pfad einer
eingefügten Datei frei eingeben lässt, muss ihn vor dem Einfügen gegen
cleanID() validieren (CWE-22, Path Traversal) — dieselbe Grenze, die
für jede intern erzeugte URL in DokuWiki-Plugins gilt (cleanID() gegen
Path Traversal, wl() gegen Open Redirect, hsc() gegen XSS). Ein
Mediendialog ist kein Sonderfall, nur weil er visuell arbeitet.
8. Vollständige Beispiele
Entfällt — reine Token-Referenztabelle, kein ausführbares Beispiel.
9. Einschränkungen und Randfälle
Falle: Zeilenumbruch bei Tabellenzeilen. Wie bei Listen (s. Formatierung → Einschränkungen) muss eine Tabellenzeile eine einzige physische Quelltextzeile bleiben — ein WYSIWYG-Editor darf beim Zurückserialisieren keinen echten Zeilenumbruch in eine Tabellenzeile schreiben.
10. Accessibility und Kompatibilität
Vollständiger Überblick: Accessibility.
11. Troubleshooting
Entfällt.
12. Verwandte Themen
- Editoren und Code-Darstellung — Grundlagen und WYSIWYG-Vertrag
- DW-Editor: Formatierung — Zeichen-/Absatzformate