hokod
6. Januar 2022 um 09:41
1
Angenommen, ich habe 3 Bilder, die über 3 Links gepostet wurden, und 3 Bildunterschriften für diese 3 Bilder.
Bild1:
Bild2:
Bild3:
=================
Danke!
Dies ist auf der Themenliste nicht möglich, da pro Thema nur ein Bild serialisiert wird.
Sie könnten sich jedoch auf einem einzelnen Thema Folgendes ansehen: Slick Image Gallery
1 „Gefällt mir“
hokod
6. Januar 2022 um 10:59
3
Vielen Dank für Ihre Unterstützung.
Sie können eine Google-Präsentation als Diashow in einem Iframe einbetten:
Sie müssen diese Quelle für iframes in allowed iframes zulassen.
Sobald Sie Ihre Präsentation erstellt haben, gehen Sie zu Datei -> Im Web veröffentlichen und kopieren Sie den Link am Ende des kurzen Assistenten.
2 „Gefällt mir“
Das Gleiche funktioniert auch mit PowerPoint Sign in to your Microsoft account
Verwenden Sie Office 365 online, greifen Sie auf PowerPoint zu und gehen Sie dann zu Datei -> Freigeben -> Einbetten, um den iframe-Link zu erhalten.
1 „Gefällt mir“
hokod
6. Januar 2022 um 11:16
6
Ich mache mir Sorgen, das wird sich auf SEO auswirken,
Ich finde, es ist viel verlangt, dass Discourse ein vollwertiges Präsentationstool ist :)\n\nVielleicht können Sie Markdown-Versionen der Folien in den folgenden Beiträgen einfügen.
2 „Gefällt mir“
hokod
6. Januar 2022 um 11:21
8
Ich hoffe, es gibt eine Möglichkeit, eine Folie für den Inhalt des Beitrags (Diskurs) zu erstellen.
jrgong
23. Februar 2026 um 15:21
9
Ich erkunde derzeit auch Optionen. Es sollte möglich sein, dies als Theme Component zu implementieren, oder?
Zum Beispiel gibt es Bibliotheken für Markdown zu Folien, die verwendet werden könnten:
Hier sind die besten GitHub-Repositories dafür, geordnet nach der Leichtigkeit, mit der sie in eine Discourse Theme Component integriert werden können.
1. Remark.js (Sehr empfohlen für Discourse)
GitHub: gnab/remark
Funktionsweise: Remark wurde speziell dafür entwickelt, vollständig im Browser zu laufen. Man übergibt ihm einen Markdown-String (wobei Folien durch --- getrennt sind), und es generiert dynamisch das erforderliche HTML/CSS für die Präsentation im laufenden Betrieb.
Warum es zu Discourse passt: Da keine Build-Schritte erforderlich sind, können Sie das Skript remark.min.js einfach über Ihre Discourse Theme Component laden. Sie können den Markdown aus dem Beitrag eines Benutzers erfassen und direkt an die Remark-Engine übergeben.
2. Reveal.js
GitHub: hakimel/reveal.js
Funktionsweise: Reveal.js ist der Schwergewichtler unter den Web-Präsentationen. Obwohl es in erster Linie ein HTML-Präsentationsframework ist, verfügt es über ein integriertes Markdown-Plugin.
Warum es zu Discourse passt: Es ist extrem funktionsreich (Sprechernotizen, PDF-Export, Animationen, mathematische Typensetzung). Es kann clientseitig ausgeführt werden, ist aber viel schwerer als Remark.js. Sie müssten die Kern-Reveal-Bibliothek, das Markdown-Plugin und das Reveal-CSS-Theme in Ihre Discourse-Komponente laden.
3. Marp (Markdown Presentation Ecosystem)
GitHub: marp-team/marp
Funktionsweise: Marp ist der moderne Standard für Markdown-Folien und verwendet ein Konzept namens „Directives“, um CSS-Theming direkt im Markdown-Frontmatter zu handhaben.
Warum es zu Discourse passt: Marp ist stark auf CLI-Tools und Node.js für das Rendering angewiesen. Sie bieten jedoch Marpit (@marp-team/marpit), das Kernframework, das Markdown parsen und HTML/CSS ausgeben kann. Die Implementierung in Discourse würde erfordern, dass Sie Marpit mithilfe eines Tools wie Webpack oder Rollup in eine clientseitige JavaScript-Datei bündeln, bevor Sie es als Theme Component hochladen.
Implementierung als Discourse Theme Component
Um eine dieser Optionen (wie Remark.js) in eine Discourse Theme Component umzuwandeln, sollten Sie die Discourse Plugin API verwenden, um bestimmte Markdown-Blöcke abzufangen, bevor sie auf der Seite gerendert werden.
Hier ist ein grober Bauplan, wie Sie es erstellen können:
Einen Auslöser definieren: Entscheiden Sie, wie Benutzer Discourse anweisen, Folien zu rendern. Ein guter Weg ist die Verwendung einer bestimmten Codeblock-Sprache, wie ```slides oder einer Discourse BBCode-Umhüllung wie [wrap=slides].
Die Bibliothek laden: Fügen Sie in der about.json Ihrer Theme Component das externe Skript für Remark.js oder Reveal.js hinzu, damit es geladen wird, wenn der Benutzer das Forum besucht.
Den gekochten Inhalt dekorieren: Verwenden Sie die Discourse JavaScript API (api.decorateCookedElement), um nach Ihren Auslöserblöcken zu suchen, wann immer ein Beitrag gerendert wird.
Rendern: Wenn die API einen ```slides Block findet, blendet sie den Standard-Codeblock aus, erstellt einen neuen \u003cdiv\u003e-Container und initialisiert die Folienbibliothek in diesem Container mithilfe des Roh-Textes aus dem Codeblock.
