DiscPage : un plugin pour créer des pages statiques et insérer des bulles de discussion dans le texte

:warning: Obsolète

Ce plugin n’est plus maintenu et ne fonctionne pas avec les versions actuelles de Discourse.
Nous recommandons de le retirer des sites de production pour éviter des problèmes de mise à niveau.
Merci à tous ceux qui ont utilisé et contribué à ce plugin au fil des ans. :folded_hands:

Avec DiscPage, vous créez des pages statiques en ajoutant la catégorie « Page » à n’importe quel sujet.

Vous pouvez ensuite insérer des icônes de ballon, permettant aux utilisateurs de discuter de sous-sections de la page.

Consultez l’ancienne démo la nouvelle démo et le dépôt.

41 « J'aime »

The discussion topics show up oddly in /latest - perhaps they should go in their own category, “Page Comments” or similar?

The use of structured tags is pretty neat :slight_smile:

5 « J'aime »

Sure, you can use the discpage balloon category setting to set a category for the “balloon” discussions.

6 « J'aime »

Incroyable !!! Mon ONG en aura certainement besoin !

6 « J'aime »

Y a-t-il un moyen d’afficher les catégories/sous-catégories sur la gauche ?

Existe-t-il un moyen d’afficher les catégories/sous-catégories sur la gauche ?

Il n’existe pas de méthode automatique pour afficher les catégories sur les pages statiques DiscPage. Cependant, vous pouvez ajouter manuellement des liens vers les catégories. Vous pourrez ensuite styliser ces liens pour les placer dans une barre latérale à gauche (en utilisant un composant de thème).

P.S. : Vous le savez probablement déjà, mais n’oubliez pas que vous pouvez accéder aux catégories via le menu hamburger.

2 « J'aime »

Merci @syl pour l’excellent plugin :slight_smile:

Pourriez-vous également expliquer en quoi ce plugin diffère du plugin suivant ?

1 « J'aime »

Le plugin que vous mentionnez a l’air génial. Je ne l’ai pas encore essayé, mais je dirais que les différences sont les suivantes :

  • L’édition des pages est différente : ProCourse offre un backend riche en fonctionnalités, tandis que DiscPage se contente de transformer un sujet (vous êtes donc limité par l’édition Markdown habituelle).
  • ProCourse ne prend pas en charge les bulles de discussion au sein des pages.
4 « J'aime »

Je viens de découvrir ce plugin aujourd’hui et je suis impressionné ! Merci beaucoup pour ton travail, @syl.

Juste pour confirmer : cette fonctionnalité peut-elle être « contenue » dans une catégorie sans reprendre tout le forum, c’est bien ça ? L’idée (potentielle) que nous avons en tête pour notre projet est de rédiger un guide collaboratif dans une catégorie tout en conservant le reste du forum (un Discourse standard) tel quel.

Oui, vous avez raison.

Oui, cela semble être quelque chose que DiscPage peut faire.

1 « J'aime »

Merci @syl !

Dernière question (pour l’instant) : :slight_smile: Comment le plugin définit-il les permissions ? Qui peut créer / modifier / supprimer ces pages statiques ?

1 « J'aime »

Une page statique DiscPage n’est rien d’autre qu’un sujet appartenant à une catégorie prédéfinie spécifique. Appelons-la « Page ». Par conséquent :

  • Les pages statiques peuvent être créées par toute personne autorisée à créer des sujets dans la catégorie Page. Vous devez configurer les permissions de la catégorie Page selon vos besoins. Le cas habituel consiste à restreindre la permission « Créer » aux administrateurs, comme expliqué ici, afin que seules les administrateurs puissent créer des pages statiques.

  • Les pages statiques peuvent être modifiées ou supprimées par l’auteur du sujet et par les membres du personnel (comme n’importe quel sujet normal).

1 « J'aime »

Pourquoi votre plugin modifie-t-il l’icône hamburger ? Il l’a rendue rouge et je dois maintenant trouver comment rétablir le CSS par défaut. J’aime bien votre plugin, mais pouvez-vous s’il vous plaît corriger cela ?

Bonjour @Erik_Manger, votre problème est décrit ici :

Mon menu hamburger est devenu rouge, que dois-je faire ?

Menu hamburger
Un menu hamburger rouge signifie que DiscPage est désactivé. Cela se produit :

  1. lorsqu’une erreur a empêché le démarrage de DiscPage (dans ce cas, vérifiez la console de débogage pour une erreur liée à DiscPage), et
  2. lorsque vous désactivez manuellement DiscPage (voir ci-dessous).

@syl J’ai vraiment du mal avec ces étapes. Désolé, je sais que c’est un problème de super débutant. MAIS pourrais-tu fournir un modèle simple à copier-coller ? Ou une courte vidéo de démonstration ? Ou si tu me guides personnellement, je créerai une vidéo YouTube pour les autres SUPER débutants.

  • Pour modifier une page statique, cliquez sur le bouton “crayon” en haut à droite de la page (vous pouvez également désactiver DiscPage via le menu hamburger, puis modifier le sujet comme d’habitude).
  • Pour styliser les pages statiques, utilisez la classe .dpg-page-content. Pour styliser une page individuelle, utilisez l’attribut de données html[data-dpg-page-id]. Par exemple, allez dans Paramètres > Personnaliser > Thème clair > Modifier CSS/HTML et saisissez ce qui suit dans la section Commun > CSS :
1 « J'aime »

Une page statique peut-elle importer un fichier JS ou y faire un lien ?

1 « J'aime »

Une page statique est rendue comme un sujet Discourse standard, donc les règles concernant les scripts JS dans les sujets s’appliquent. Je pense qu’il existe plusieurs discussions à ce sujet ici sur le forum Meta : cela implique de créer un composant de thème et de le personnaliser (il existe également un paramètre Discourse pour autoriser le lien vers des scripts externes).

Vous voudrez peut-être également consulter la section « Pour personnaliser une page statique » sur cette page et voir cet exemple de JS dans une page statique (listes déroulantes en haut).

1 « J'aime »

Avez-vous déjà créé une page statique ? Voyez-vous le bouton crayon ?

La mise en forme d’une page statique est similaire à celle d’une page de sujet standard de Discourse : vous créez un composant de thème et le personnalisez. Un exemple est disponible ici. Vous pouvez également rechercher « Composants de thème » ici sur Meta. La classe .dpg-page-content permet de créer des règles CSS qui s’appliquent uniquement aux pages statiques, et non à toutes les pages de sujets.

Sur ce sujet, disons que j’ai une API qui récupère une image à partir des données saisies par l’utilisateur. Dans le lien que vous avez envoyé, vous avez plusieurs listes déroulantes en haut. Si l’utilisateur sélectionne quelque chose dans une liste déroulante, le JavaScript affichera quelque chose en fonction de cette saisie. Est-ce possible dans une page statique ?

1 « J'aime »

Je pense que votre outil fonctionne à 100 % correctement. Le problème vient de mon manque de connaissances sur son utilisation :frowning: Je vais examiner ce lien que vous avez fourni avec .dpg-page-content

Page : https://community.tigergraph.com/t/this-is-a-test-page/606

Cliquez sur le bouton Modifier. Insérez un bloc de code. Cliquez sur Paramètres. Allez dans Personnaliser. Insérez le bloc de code que vous devriez voir apparaître comme une page HTML de base. Cela aiderait un grand débutant comme moi haha !

Je vous remercie d’avoir pris le temps de répondre à ma question :slight_smile:

Je vous tiendrai informé de mes progrès. J’espère pouvoir rendre la mienne semblable à la vôtre !

1 « J'aime »