Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| wiki:syntax [13.06.2025 13:31] – Reveal.js Plugin Dokumentation hinzugefügt - Vollständige Syntax-Referenz mit Best Practices Jane Alesi | wiki:syntax [15.10.2025 05:34] (aktuell) – alte Version wiederhergestellt (10.06.2025 10:42) Michael Wegener | ||
|---|---|---|---|
| Zeile 766: | Zeile 766: | ||
| {{tag> | {{tag> | ||
| - | |||
| - | ---- | ||
| - | |||
| - | ===== 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: | ||
| - | * **Reveal.js Version:** 3.9.2 | ||
| - | * **DokuWiki Kompatibilität: | ||
| - | * **Lizenz:** MIT (Reveal.js Framework) | ||
| - | |||
| - | ==== Grundlegende Verwendung ==== | ||
| - | |||
| - | === Präsentation aktivieren === | ||
| - | < | ||
| - | ~~REVEAL~~ | ||
| - | </ | ||
| - | |||
| - | **Ergebnis: | ||
| - | |||
| - | === Theme-Auswahl === | ||
| - | < | ||
| - | ~~REVEAL white~~ | ||
| - | ~~REVEAL theme=sky& | ||
| - | </ | ||
| - | |||
| - | **Verfügbare Themes:** | ||
| - | * '' | ||
| - | * '' | ||
| - | * '' | ||
| - | |||
| - | ==== Folien-Struktur ==== | ||
| - | |||
| - | === Header-basierte Folien === | ||
| - | < | ||
| - | ====== 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 | ||
| - | </ | ||
| - | |||
| - | **Folien-Hierarchie: | ||
| - | * **H1 (======):** Hauptfolien (horizontal) | ||
| - | * **H2 (=====):** Horizontale Folien | ||
| - | * **H3 (====) und tiefer:** Vertikale Folien (verschachtelt) | ||
| - | |||
| - | === Konfigurierbare Folien-Ebenen === | ||
| - | < | ||
| - | ~~REVEAL horizontal_slide_level=1~~ | ||
| - | </ | ||
| - | |||
| - | **horizontal_slide_level Optionen:** | ||
| - | * '' | ||
| - | * '' | ||
| - | |||
| - | ==== Hintergrund-Gestaltung ==== | ||
| - | |||
| - | === Einfache Hintergründe === | ||
| - | < | ||
| - | {{background> | ||
| - | ===== Folie mit rotem Hintergrund ===== | ||
| - | |||
| - | {{background>: | ||
| - | ===== Folie mit Bild-Hintergrund ===== | ||
| - | </ | ||
| - | |||
| - | === Erweiterte Hintergrund-Optionen === | ||
| - | < | ||
| - | {{background> | ||
| - | ===== Folie mit komplexem Hintergrund ===== | ||
| - | </ | ||
| - | |||
| - | **Hintergrund-Parameter: | ||
| - | * **Farben:** HTML-Farbnamen, | ||
| - | * **Bilder:** DokuWiki-Medien ('': | ||
| - | * **Größe: | ||
| - | * **Position: | ||
| - | * **Wiederholung: | ||
| - | * **Übergang: | ||
| - | |||
| - | ==== Alternative Folien-Indikatoren ==== | ||
| - | |||
| - | === Horizontale Folien === | ||
| - | < | ||
| - | ---- orange wiki: | ||
| - | |||
| - | Folien-Inhalt hier | ||
| - | |||
| - | <---- | ||
| - | </ | ||
| - | |||
| - | **Syntax-Elemente: | ||
| - | * '' | ||
| - | * ''< | ||
| - | * '' | ||
| - | * ''<< | ||
| - | |||
| - | === Parameter für alternative Indikatoren === | ||
| - | < | ||
| - | ---- salmon wiki: | ||
| - | </ | ||
| - | |||
| - | **Übergangs-Optionen: | ||
| - | * **Folien-Übergang: | ||
| - | * **Richtung: | ||
| - | * **Geschwindigkeit: | ||
| - | |||
| - | ==== Fragmente (Schrittweise Anzeige) ==== | ||
| - | |||
| - | === Inline-Fragmente === | ||
| - | < | ||
| - | < | ||
| - | |||
| - | < | ||
| - | |||
| - | < | ||
| - | </ | ||
| - | |||
| - | === Block-Fragmente === | ||
| - | < | ||
| - | < | ||
| - | ==== Überschrift erscheint komplett ==== | ||
| - | * Listenpunkt 1 | ||
| - | * Listenpunkt 2 | ||
| - | * Listenpunkt 3 | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | === Fragment-Listen === | ||
| - | < | ||
| - | < | ||
| - | * Punkt 1 (erscheint einzeln) | ||
| - | * Punkt 2 (erscheint einzeln) | ||
| - | * Punkt 3 (erscheint einzeln) | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | * Alle Punkte (erscheinen zusammen) | ||
| - | * Auch bei aktivierter build_all_lists Option | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | === Fragment-Stile und Indizes === | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | **Fragment-Stile: | ||
| - | * '' | ||
| - | * '' | ||
| - | * '' | ||
| - | * '' | ||
| - | |||
| - | ==== Sprecher-Notizen ==== | ||
| - | |||
| - | < | ||
| - | ===== Folie-Titel ===== | ||
| - | Sichtbarer Folien-Inhalt | ||
| - | |||
| - | < | ||
| - | * Notiz für den Sprecher | ||
| - | * Nur im Sprecher-Modus sichtbar (Taste ' | ||
| - | * Listen sind hier nie inkrementell | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | **Sprecher-Modus aktivieren: | ||
| - | |||
| - | ==== Fußzeilen ==== | ||
| - | |||
| - | === Globale Fußzeile === | ||
| - | < | ||
| - | <wrap footer> | ||
| - | Firmenlogo oder Copyright-Hinweis | ||
| - | </ | ||
| - | |||
| - | ====== Erste Folie ====== | ||
| - | Inhalt... | ||
| - | </ | ||
| - | |||
| - | === Fußzeile für einzelne Folien deaktivieren === | ||
| - | < | ||
| - | {{no-footer}} | ||
| - | ===== Folie ohne Fußzeile ===== | ||
| - | |||
| - | {{background>: | ||
| - | ===== Folie mit Hintergrund ohne Fußzeile ===== | ||
| - | |||
| - | ---- no-footer ----> | ||
| - | Alternative Folien-Syntax ohne Fußzeile | ||
| - | </ | ||
| - | |||
| - | ==== Konfigurationsoptionen ==== | ||
| - | |||
| - | === Vollständige Parameter-Syntax === | ||
| - | < | ||
| - | ~~REVEAL theme=sky& | ||
| - | </ | ||
| - | |||
| - | === Wichtige Konfigurationsparameter === | ||
| - | |||
| - | ^ Parameter ^ Werte ^ Beschreibung ^ | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | | '' | ||
| - | |||
| - | ==== PDF-Export ==== | ||
| - | |||
| - | === Export-URL === | ||
| - | < | ||
| - | Normale URL: | ||
| - | http:// | ||
| - | |||
| - | PDF-Export URL: | ||
| - | http:// | ||
| - | </ | ||
| - | |||
| - | === Export-Schritte === | ||
| - | - URL mit ''& | ||
| - | - 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: | ||
| - | * **Bilder optimieren: | ||
| - | |||
| - | === Navigation === | ||
| - | * **Tastatur: | ||
| - | * **Maus:** Klick für nächste Folie | ||
| - | * **Touch:** Wischen auf mobilen Geräten | ||
| - | * **Übersicht: | ||
| - | |||
| - | === Performance === | ||
| - | * '' | ||
| - | * Bilder vor Upload komprimieren | ||
| - | * Nicht zu viele Fragmente pro Folie | ||
| - | |||
| - | === Kompatibilität === | ||
| - | * **Include Plugin:** Siehe Kompatibilitäts-Fix in Plugin-Dokumentation | ||
| - | * **MathJax: | ||
| - | * **Wrap Plugin:** Vollständig kompatibel | ||
| - | |||
| - | ==== Beispiel-Präsentation ==== | ||
| - | |||
| - | < | ||
| - | ~~REVEAL white~~ | ||
| - | |||
| - | ====== Meine Präsentation ====== | ||
| - | **Untertitel hier** | ||
| - | |||
| - | Datum und Autor | ||
| - | |||
| - | ===== Agenda ===== | ||
| - | * Punkt 1 | ||
| - | * Punkt 2 | ||
| - | * Punkt 3 | ||
| - | |||
| - | {{background> | ||
| - | ===== Hauptteil ===== | ||
| - | |||
| - | < | ||
| - | |||
| - | < | ||
| - | |||
| - | < | ||
| - | ==== Detaillierte Informationen ==== | ||
| - | * Detail A | ||
| - | * Detail B | ||
| - | * Detail C | ||
| - | </ | ||
| - | |||
| - | ==== Unterfolie ==== | ||
| - | Vertikale Navigation mit Pfeiltasten | ||
| - | |||
| - | < | ||
| - | Sprecher-Notizen: | ||
| - | - Punkt A erwähnen | ||
| - | - Fragen stellen | ||
| - | - Auf nächste Folie überleiten | ||
| - | </ | ||
| - | |||
| - | ===== Zusammenfassung ===== | ||
| - | * Wichtigste Erkenntnisse | ||
| - | * Nächste Schritte | ||
| - | * Kontakt-Informationen | ||
| - | |||
| - | ===== Vielen Dank! ===== | ||
| - | **Fragen?** | ||
| - | |||
| - | {{background>: | ||
| - | </ | ||
| - | |||
| - | ==== Fehlerbehebung ==== | ||
| - | |||
| - | === Häufige Probleme === | ||
| - | |||
| - | ^ Problem ^ Lösung ^ | ||
| - | | Präsentation startet nicht | '' | ||
| - | | Folien werden nicht getrennt | Header-Syntax prüfen (====== vs =====) | | ||
| - | | Hintergrund wird nicht angezeigt | Bild-Pfad und Dateiformat überprüfen | | ||
| - | | Fragmente funktionieren nicht | Syntax von ''< | ||
| - | | PDF-Export fehlerhaft | Chrome/ | ||
| - | |||
| - | === Bekannte Einschränkungen === | ||
| - | * **PHP 7.4+ erforderlich: | ||
| - | * **DokuWiki " | ||
| - | * **Plugin-Konflikte: | ||
| - | * **MathJax: | ||
| - | |||
| - | === Debug-Tipps === | ||
| - | * Browser-Entwicklertools für JavaScript-Fehler | ||
| - | * '' | ||
| - | * Plugin-Manager für Aktivierung/ | ||
| - | * 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:// | ||
| - | |||
| - | {{tag> | ||