Sie befinden sich hier: start » de » Interne Dokumentation » DokuWiki-Erweiterungen (WvdS) » FluentUI (Design-System-Bibliothek) » FluentUI: Komponenten-Referenzen » FluentUI: Editoren und Code-Darstellung » DW-Editor: Tabellen und Medien

DW-Editor: Tabellen und Medien

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) ![Alt-Text](namespace:datei.png) — 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) ![Alt](namespace:datei.mp4) — 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

de/wiki/dwe/wkfluentui/component/editors/tables-media.txt · Zuletzt geändert: von 0.0.0.0