hokod
(hokod)
6 Gennaio 2022, 9:41am
1
Supponiamo che abbia 3 immagini pubblicate da 3 link e 3 didascalie per queste 3 immagini.
Come creare un post con scorrimento come nella quarta immagine (in questo argomento)
Immagine1:
immagine2:
immagine3:
=================
immagine4:
Grazie!
Non è possibile ottenerlo nell’Elenco Argomenti perché per ogni Argomento viene serializzata solo un’immagine.
Tuttavia, su un singolo Argomento potresti guardare: Slick Image Gallery
1 Mi Piace
hokod
(hokod)
6 Gennaio 2022, 10:59am
3
Grazie per il tuo supporto.
Come dici tu, non è fattibile.
Quindi, se voglio solo creare una diapositiva per il contenuto (senza immagini),
allora come posso creare una diapositiva per il contenuto nel post.
È possibile incorporare una presentazione Google come presentazione in un iframe:
È necessario consentire questa origine per gli iframe in allowed iframes
Una volta creata la presentazione, vai su File -> Pubblica sul Web e copia il link alla fine della breve procedura guidata.
2 Mi Piace
La stessa cosa funziona anche con PowerPoint Sign in to your Microsoft account
Usa Office 365 online, accedi a Powerpoint e, una volta pronto, vai su File -> Condividi -> Incorpora per ottenere il link iframe
1 Mi Piace
hokod
(hokod)
6 Gennaio 2022, 11:16am
6
Sono preoccupato, questo influenzerà la SEO,
perché il contenuto non è nell’editor di discourse.
Invece, il contenuto è in Powerpoint (Google o Microsoft).
Penso sia chiedere troppo a Discourse di essere uno strumento di presentazione completo
Forse puoi includere versioni Markdown delle diapositive nei post successivi.
2 Mi Piace
hokod
(hokod)
6 Gennaio 2022, 11:21am
8
Spero ci sia un modo per creare una diapositiva per il contenuto nel post (discorso).
jrgong
(jrgong)
23 Febbraio 2026, 3:21pm
9
Sto esplorando anche io le opzioni. Dovrebbe essere possibile implementarlo come componente tema, giusto?
Ad esempio, ci sono librerie da Markdown a slide che potrebbero essere utilizzate:
Ecco i migliori repository GitHub per questo, classificati in base alla facilità con cui possono essere adattati in un Componente Tema di Discourse.
1. Remark.js (Altamente Raccomandato per Discourse)
GitHub: gnab/remark
Come funziona: Remark è progettato specificamente per essere eseguito interamente nel browser. Gli si fornisce una stringa Markdown (dove le slide sono separate da ---), e genera dinamicamente l’HTML/CSS richiesto per la presentazione al volo.
Perché si adatta a Discourse: Poiché non richiede passaggi di build, puoi facilmente caricare lo script remark.min.js tramite il tuo componente tema di Discourse. Puoi catturare il Markdown dal post di un utente e passarlo direttamente al motore Remark.
2. Reveal.js
GitHub: hakimel/reveal.js
Come funziona: Reveal.js è il pezzo grosso delle presentazioni web. Sebbene sia principalmente un framework di presentazione HTML, ha un plugin Markdown integrato.
Perché si adatta a Discourse: È estremamente ricco di funzionalità (note per l’oratore, esportazione PDF, animazioni, composizione matematica). Può essere eseguito lato client, ma è molto più pesante di Remark.js. Dovresti caricare la libreria principale di Reveal, il plugin Markdown e il tema CSS di Reveal nel tuo componente Discourse.
3. Marp (Ecosistema di Presentazione Markdown)
GitHub: marp-team/marp
Come funziona: Marp è lo standard moderno per le slide Markdown, utilizzando un concetto chiamato “Direttive” per gestire il tema CSS direttamente all’interno del frontmatter Markdown.
Perché si adatta a Discourse: Marp fa molto affidamento su strumenti CLI e Node.js per il rendering. Tuttavia, offrono Marpit (@marp-team/marpit), il framework principale che può analizzare il Markdown e produrre HTML/CSS. Implementare questo in Discourse richiederebbe di includere Marpit in un file JavaScript lato client utilizzando uno strumento come Webpack o Rollup prima di caricarlo come componente tema.
Come Implementarlo come Componente Tema di Discourse
Per riutilizzare uno di questi (come Remark.js) in un componente tema di Discourse, vorrai utilizzare la Discourse Plugin API per intercettare specifici blocchi Markdown prima che vengano renderizzati sulla pagina.
Ecco uno schema di alto livello su come puoi costruirlo:
Definire un Trigger: Decidi come gli utenti diranno a Discourse di renderizzare le slide. Un ottimo modo è usare un linguaggio di blocco codice specifico, come ```slides o un wrapper BBCode di Discourse come [wrap=slides].
Caricare la Libreria: Nel file about.json del tuo componente tema, includi lo script esterno per Remark.js o Reveal.js in modo che venga caricato quando l’utente visita il forum.
Decorare il Contenuto Cotto (Cooked Content): Usa l’API JavaScript di Discourse (api.decorateCookedElement) per cercare i tuoi blocchi trigger ogni volta che viene renderizzato un post.
Renderizzare: Quando l’API trova un blocco ```slides, nasconde il blocco codice predefinito, crea un nuovo contenitore \u003cdiv\u003e e inizializza la libreria di slide all’interno di quel contenitore utilizzando il testo grezzo proveniente dal blocco codice.