hokod
Janvier 6, 2022, 9:41
1
Supposons que j’aie 3 images publiées par 3 liens, et 3 légendes pour ces 3 images.
Image1 :
image2 :
image3 :
=================
Merci !
Il n’est pas possible d’y parvenir dans la liste des sujets, car une seule image est sérialisée par sujet.
Cependant, sur un sujet unique, vous pourriez regarder : Slick Image Gallery
1 « J'aime »
hokod
Janvier 6, 2022, 10:59
3
Merci pour votre soutien.
Vous pouvez intégrer une présentation Google en tant que diaporama dans une iframe :
Vous devez autoriser cette source pour les iframes dans iframes autorisées
Une fois votre présentation terminée, allez dans Fichier -> Publier sur le Web et copiez le lien à la fin de l’assistant court.
2 « J'aime »
La même chose fonctionne également avec PowerPoint Sign in to your Microsoft account
Utilisez Office 365 en ligne, accédez à Powerpoint et une fois prêt, allez dans Fichier -> Partager -> Incorporer pour obtenir le lien iframe.
1 « J'aime »
hokod
Janvier 6, 2022, 11:16
6
Je suis inquiet, cela affectera le référencement, car le contenu n’est pas dans l’éditeur de discours. Au lieu de cela, le contenu est dans Powerpoint (Google ou Microsoft).
Je pense qu’il est trop demander à Discourse d’être un outil de présentation complet
Peut-être pourriez-vous inclure des versions Markdown des diapositives dans les publications suivantes.
2 « J'aime »
hokod
Janvier 6, 2022, 11:21
8
J’espère qu’il existe un moyen de créer une diapositive pour le contenu du message (discourse).
jrgong
Février 23, 2026, 3:21
9
J’explore également les options actuellement. Il devrait être possible de l’implémenter en tant que composant de thème, n’est-ce pas ?
Par exemple, il existe des bibliothèques de conversion Markdown en diapositives qui pourraient être utilisées :
Voici les meilleurs dépôts GitHub pour cela, classés en fonction de la facilité avec laquelle ils peuvent être adaptés en un composant de thème Discourse.
1. Remark.js (Fortement recommandé pour Discourse)
GitHub : gnab/remark
Fonctionnement : Remark est spécifiquement conçu pour s’exécuter entièrement dans le navigateur. Vous lui fournissez une chaîne Markdown (où les diapositives sont séparées par ---), et il génère dynamiquement le HTML/CSS requis pour la présentation à la volée.
Pourquoi cela convient à Discourse : Comme il ne nécessite aucune étape de construction, vous pouvez facilement charger le script remark.min.js via votre composant de thème Discourse. Vous pouvez capturer le Markdown du message d’un utilisateur et le transmettre directement au moteur Remark.
2. Reveal.js
GitHub : hakimel/reveal.js
Fonctionnement : Reveal.js est le poids lourd des présentations web. Bien qu’il s’agisse principalement d’un framework de présentation HTML, il dispose d’un plugin Markdown intégré.
Pourquoi cela convient à Discourse : Il est extrêmement riche en fonctionnalités (notes du présentateur, exportation PDF, animations, composition mathématique). Il peut s’exécuter côté client, mais il est beaucoup plus lourd que Remark.js. Vous devrez charger la bibliothèque principale Reveal, le plugin Markdown et le thème CSS de Reveal dans votre composant Discourse.
3. Marp (Écosystème de présentation Markdown)
GitHub : marp-team/marp
Fonctionnement : Marp est la norme moderne pour les diapositives Markdown, utilisant un concept appelé « Directives » pour gérer le thème CSS directement dans le frontmatter Markdown.
Pourquoi cela convient à Discourse : Marp dépend fortement des outils CLI et de Node.js pour le rendu. Cependant, ils proposent Marpit (@marp-team/marpit), le framework de base qui peut analyser le Markdown et produire du HTML/CSS. L’implémentation de ceci dans Discourse nécessiterait que vous regroupiez Marpit dans un fichier JavaScript côté client à l’aide d’un outil comme Webpack ou Rollup avant de le télécharger en tant que composant de thème.
Comment implémenter ceci en tant que composant de thème Discourse
Pour réutiliser l’un d’entre eux (comme Remark.js) dans un composant de thème Discourse, vous voudrez utiliser l’API de plugin Discourse pour intercepter des blocs Markdown spécifiques avant qu’ils ne soient rendus sur la page.
Voici un plan général de la façon dont vous pouvez le construire :
Définir un déclencheur : Décidez comment les utilisateurs indiqueront à Discourse de rendre les diapositives. Une excellente façon consiste à utiliser un langage de bloc de code spécifique, comme ```slides ou un wrapper BBCode Discourse tel que [wrap=slides].
Charger la bibliothèque : Dans le fichier about.json de votre composant de thème, incluez le script externe pour Remark.js ou Reveal.js afin qu’il se charge lorsque l’utilisateur visite le forum.
Décorer le contenu cuit (Cooked Content) : Utilisez l’API JavaScript de Discourse (api.decorateCookedElement) pour rechercher vos blocs déclencheurs chaque fois qu’un message est rendu.
Rendre : Lorsque l’API trouve un bloc ```slides, elle masque le bloc de code par défaut, crée un nouveau conteneur \u003cdiv\u003e et initialise la bibliothèque de diapositives à l’intérieur de ce conteneur en utilisant le texte brut du bloc de code.
