DiscPage: ein Plugin zum Erstellen statischer Seiten und Einfügen von Diskussionsblasen im Text

:warning: Veraltet

Dieses Plugin wird nicht mehr gewartet und funktioniert nicht mit aktuellen Versionen von Discourse.
Wir empfehlen, es von Produktionsseiten zu entfernen, um Probleme bei Updates zu vermeiden.
Vielen Dank an alle, die dieses Plugin über die Jahre genutzt und dazu beigetragen haben. :folded_hands:

Mit DiscPage erstellen Sie statische Seiten, indem Sie die Kategorie „Seite" zu einem beliebigen Thema hinzufügen.

Anschließend können Sie Ballonsymbole einfügen, damit Benutzer Unterabschnitte der Seite diskutieren können.

Siehe die alte Demo die neue Demo und das Repository.

41 „Gefällt mir“

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 „Gefällt mir“

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

6 „Gefällt mir“

Amazing!!! My NGO will definitely have use for it!

6 „Gefällt mir“

Is there a way to show the categories/subcategories on the left?

Is there a way to show the categories/subcategories on the left?

There’s no automatic way to show categories on DiscPage static pages. However, you can add category links manually. You can then style those links to put them in a sidebar on the left (using a theme component).

P.S.: you probably know that, but remember you can access categories from the hamburger menu.

2 „Gefällt mir“

Thanks @syl for the great plugin :slight_smile:

Can you please also explain how is this plugin different from the following plugin?

1 „Gefällt mir“

The plugin you mention looks great. I haven’t tried it, but I’d say the differences are:

  • Page authoring is different: ProCourse provides a feature-rich backend, DiscPage only transforms a topic (so you’re limited by the usual markdown editing).
  • ProCourse doesn’t support discussion balloons within pages.
4 „Gefällt mir“

I have just discovered this plugin today and I am impressed! Thank you very much for your work @syl.

Just confirm, this functionality can be “contained” in a category, it doesn’t take over the entire forum, right? The (potential) idea we have in mind in our project is to write a collaborative guide using one category while retaining the rest of the forum (a plain Discourse) as is.

Yes, you are right.

Yes, it sounds like something DiscPage can do.

1 „Gefällt mir“

Thank you @syl!

Last question (for now): :slight_smile: How does the plugin define permissions? Who can create / modify / delete these static pages?

1 „Gefällt mir“

A DiscPage static page is nothing more than a topic with a specific predefined category. Let’s call it “Page”. Consequently:

  • Static pages can be created by whoever can create topics in the Page category. You need to set the Page category permissions according to your needs. The usual case is to restrict the “Create” permission to admins, as explained here, so that only admins can create static pages.

  • Static pages can be modified/deleted by the topic author and by staff users (like any normal topic).

1 „Gefällt mir“

Why does your plugin modify the hamburger icon? It turned it red and now I have to figure out how to overwrite the CSS back to normal. I like your plugin, but please fix this?

Hi @Erik_Manger, your issue is described here:

My hamburger menu has turned red, what should I do?

Hamburger Menu
A red hamburger menu means that DiscPage is off . This occurs:

  1. when an error has prevented DiscPage from starting (in that case, check the debug console for a DiscPage-related error), and
  2. when you manually turn DiscPage off (see below).

@syl Ich habe bei diesen Schritten wirklich große Schwierigkeiten. Entschuldigung, ich weiß, das ist ein super Anfängerproblem. ABER könntest du bitte eine einfache Vorlage zum Kopieren und Einfügen bereitstellen? Oder eine kurze Videoanleitung? Oder wenn du mich persönlich durch das Ganze führst, erstelle ich ein YouTube-Video für andere, die SUPER Anfänger sind.

  • Um eine statische Seite zu bearbeiten, klicke oben rechts auf der Seite auf den „Stift“-Button (du kannst auch über das Hamburger-Menü DiscPage deaktivieren und das Thema dann ganz normal bearbeiten).
  • Um statische Seiten zu gestalten, verwende die Klasse .dpg-page-content. Um eine einzelne Seite zu gestalten, verwende das Datenattribut html[data-dpg-page-id]. Gehe beispielsweise zu Einstellungen > Anpassen > Helles Theme > CSS/HTML bearbeiten und gib im Bereich Allgemein > CSS Folgendes ein:
1 „Gefällt mir“

Kann eine statische Seite eine JS-Datei importieren oder einen Link dazu setzen?

1 „Gefällt mir“

Eine statische Seite wird wie ein normales Discourse-Thema gerendert, daher gelten die Regeln für JS-Skripte in Themen. Ich glaube, es gibt hier auf Meta mehrere Diskussionen dazu: Das bedeutet, dass man eine Theme-Komponente erstellt und anpasst (es gibt auch eine Discourse-Einstellung, um das Verlinken externer Skripte zu erlauben).

Vielleicht möchtest du auch den Abschnitt „Eine statische Seite anpassen

1 „Gefällt mir“

Haben Sie bereits eine statische Seite erstellt? Können Sie die Stift-Schaltfläche sehen?

Das Gestalten einer statischen Seite ist vergleichbar mit dem Gestalten einer normalen Discourse-Themenseite: Sie erstellen eine Theme-Komponente und passen sie an. Ein Beispiel finden Sie hier. Sie können auch hier auf Meta nach „Theme Components“ suchen. Die Klasse .dpg-page-content ermöglicht es, CSS-Regeln zu erstellen, die nur für statische Seiten gelten und nicht für alle Themenseiten.

Zu diesem Thema: Angenommen, ich habe eine API, die basierend auf Benutzereingaben ein Bild abruft. In dem von dir gesendeten Link gibt es oben einige Kombinationsfelder. Wenn der Benutzer etwas aus dem Kombinationsfeld auswählt, zeigt das JavaScript basierend auf dieser Benutzereingabe etwas an. Ist das innerhalb einer statischen Seite möglich?

1 „Gefällt mir“

Ich denke, dein Tool funktioniert zu 100 % einwandfrei. Das Problem liegt in meinem mangelnden Wissen darüber, wie man es benutzt :frowning: Ich werde mir den von dir bereitgestellten Link mit .dpg-page-content ansehen.

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

Klicke auf die Schaltfläche „Bearbeiten“. Füge einen Code-Block ein. Klicke auf „Einstellungen“. Gehe zu „Anpassen“. Füge den Code-Block ein – du solltest eine einfache HTML-Webseite angezeigt bekommen. Das würde einem absoluten Anfänger wie mir sehr helfen, haha!

Ich danke dir, dass du dir die Zeit genommen hast, meine Frage zu beantworten :slight_smile:

Ich halte dich über meinen Fortschritt auf dem Laufenden. Hoffentlich kann ich meine Seite so gestalten wie deine!

1 „Gefällt mir“