Komponisten-Button-Bonanza

:information_source: Zusammenfassung Composer Button Bonanza ermöglicht es einem Website-Administrator, neue Markup-Schaltflächen für die Composer-Symbolleiste zu definieren und hinzuzufügen, und bietet eine Fülle neuer Schaltflächen in seiner Standardkonfiguration.
:hammer_and_wrench: Repository centertap/DiscourseComposerButtonBonanza - Codeberg.org
:eyes: Readme Making sure you're not a bot!
:spiral_notepad: Versionshinweise Making sure you're not a bot!
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:heart: Sponsoring Präsentiert von… CTAP
Diese Theme-Komponente wird vom Center for Transparent Analysis and Policy, einer gemeinnützigen 501(c)(3)-Organisation, entwickelt. Wenn diese Komponente für Ihre Website nützlich ist, ziehen Sie bitte eine Spende zur Unterstützung von CTAP in Betracht.

Install Composer Button Bonanza

“Composer-Funktionen, die Sie sich leisten können!”

Composer Button Bonanza ist eine Theme-Komponente, die mehr Markup-Schaltflächen für den Composer bereitstellt.

Out-of-the-box bietet es eine Fülle neuer Schaltflächen, ein Durcheinander von Schaltflächen, eine Bonanza von Schaltflächen. Die Standardkonfiguration fügt drei neue Schaltflächen zur Symbolleiste hinzu (Können Sie sie entdecken? :smile: ) und verbirgt den Rest hinter einer Umschalt-Schaltfläche im :gear: Popup-Menü:

Nachdem Sie auf die Umschalt-Schaltfläche geklickt haben, werden die restlichen Schaltflächen sichtbar:

Über die Konfigurationseinstellungen der Theme-Komponente können Sie:

  • Neue Schaltflächen-Definitionen hinzufügen (und/oder die bereitgestellten entfernen);
  • Auswählen, welche Schaltflächen angezeigt werden sollen und wann sie angezeigt werden sollen;
  • Die Reihenfolge der Schaltflächen ändern und Schaltflächen in der Symbolleiste oder im :gear: Popup-Menü der Symbolleiste platzieren;
  • Übersetzungen/Lokalisierungen für die Schaltflächen bereitstellen.

Diese Komponente definiert kein Markup oder Styling – sie fügt lediglich praktische Schaltflächen (Affordances!) hinzu, um vorhandenes Markup einzugeben, das vorhandene Stile aufruft. Ihr Hauptzweck ist es, Ihren Benutzern zu helfen, Composer-Funktionen zu entdecken und zu nutzen. Benutzer, die viele Fußnoten verwenden, werden wahrscheinlich einfach direkt die ^[ und ] auf der Tastatur eingeben; aber der Rest von uns wird sich über eine :asterisk: Schaltfläche freuen, die uns daran erinnert, was zu tun ist.

Ein Vorteil dieses Ansatzes ist, dass Sie, wenn Sie sich entscheiden, diese Theme-Komponente zu entfernen, die Formatierung bestehender Beiträge nicht beeinträchtigen. Diese Komponente ist nicht für das Styling verantwortlich; sie bietet lediglich Verknüpfungen zu Funktionalitäten, die bereits im Composer vorhanden sind und/oder von anderen Plugins oder Theme-Komponenten bereitgestellt werden.

Standardkonfiguration

Die Standardkonfiguration bietet Definitionen für die meisten (alle?) zusätzlichen
Markups, die auf einer Standard-Discourse-Installation verfügbar sind (mit allen
integrierten Plugins, die aktiviert sind, und ohne zusätzliche Plugins):

  • Textstile:
    • unterstrichen, durchgestrichen
    • hochgestellt und tiefgestellt
    • großer Text, kleiner Text
    • Tastatur-Stil
  • Formatierung
    • Überschrift 1, Überschrift 2, Überschrift 3
    • Fußnote[1]
    • Ruby-Text( ルビー テキスト)
    • Bild über externe URL (<img>)
    • Checkliste
    • Hervorgehoben, Eingefügt, Gelöscht Text
  • Symbole
    • Copyright ©, Registered ®, Trademark™
    • Euro €, Yen ¥
    • das “Shrug”-Kaomoji (weil, warum nicht? ¯\(ツ)/¯ )
  • und eine Umschalt-Schaltfläche zum Ein-/Ausblenden der meisten oben genannten Schaltflächen

Wie oben erwähnt, sind dies lediglich die Standardeinstellungen. Alle diese Schaltflächen können
neu angeordnet oder entfernt und neue hinzugefügt werden.


  1. …wie diese Fußnote zum Beispiel. ↩︎

19 „Gefällt mir“

Das ist cool, danke!

Gibt es eine Möglichkeit, den ‘Spoiler’-Tag direkt in der oberen Symbolleiste hinzuzufügen? Das ist etwas, das wir oft benutzen.

Bearbeiten: Ich habe es herausgefunden :smiley:

3 „Gefällt mir“

Wie funktionieren Tastenkombinationen?

Ich möchte eine Tastenkombination für meine „Spoiler“-Schaltfläche erstellen, aber sind nicht die meisten Tastenkombinationen bereits für andere Dinge belegt?

Das Beispiel besagt Umschalttaste+4, aber das ist für mich ein $-Zeichen…

2 „Gefällt mir“

Ja, sehr schönes Komponenten. Ich suchte nach dem Button, um die zusätzlichen Buttons in der Kompositionsleiste anzuzeigen.

Ich denke, eine coole Funktion wäre, einen Button zur Kompositionsleiste hinzuzufügen. Vielleicht 2 Optionen. Anzeigen/Verbergen er oder Menüs der Kompositionsleiste. Auf diese Weise können Funktionen in einer auswählbaren Leiste gruppiert werden.

Zum Beispiel:

  • Stil-Leiste: würde Dinge wie fett, kursiv, durchgestrichen usw. haben
  • Layout-Leiste: Tabelle, rechtsbündig, zentriert usw.
  • mit der Option, die Hauptleiste mit häufig verwendeten Funktionen anzupassen.

(Beachten Sie, dass diese Komponente lediglich die Parameter/Optionen bereitstellt, die bereits im Discourse JS-Code vorhanden sind…)

Für Verknüpfungen geben Sie die Verknüpfungstaste zusammen mit beliebigen Modifikatoren an… und dann stellt Discourse immer ein ctrl+ (oder cmd+ auf Apple-Hardware?) voran. Z. B. die Zeichenfolge „shift+4“ (als Button-Parameter) wird in <kbd>ctrl</kbd>+<kbd>shift</kbd>+<kbd>4</kbd> (als Verknüpfungstasten) übersetzt.

:grimacing: Ich habe nicht versucht, einen Weg zu finden, Verknüpfungen zu entfernen – auch hier ist diese Komponente eine Ergänzung zu den bereits im Composer integrierten Schaltflächen. (Ich wünschte, ich könnte <kbd>ctrl</kbd>+<kbd>e</kbd> nicht als Verknüpfung für vorformatierten Text verwenden, sondern stattdessen nur „zum Zeilenende springen“!)

2 „Gefällt mir“

h01y cr@p das ist awwwwwwesommmmme

2 „Gefällt mir“

Ich habe ein Problem damit. Ich benutze es und es gefällt mir, aber ich habe einen „Spoiler“-Button hinzugefügt, und er erstellt Spoiler-Tags mit DIV anstelle von SPAN, sodass sie im WYSIWYG-Editor immer in einer neuen Zeile erscheinen.

Gibt es eine Möglichkeit, dies zu ändern?

Wird dies noch unterstützt?

Ich habe immer noch das Problem, dass Spoiler in einem DIV und nicht in einem SPAN sind.

Ich nehme an, das wird nicht mehr unterstützt?

Kann mir jemand sagen, wie ich das beheben kann? Die „Spoiler“-Schaltfläche funktioniert nicht richtig (siehe meinen vorherigen Beitrag)

Ich werde mir das ansehen, aber ich benötige, dass Sie genau zeigen, wie Sie diesen „Spoiler“-Button hinzugefügt haben.

Danke!

Hier ist mein Setup:

Screenshot 2025-11-30 at 19.58.22

Darunter sind noch mehr. Aber Spoiler wird hinzugefügt mit:

spoiler,shift+x

Im Markdown-Modus funktioniert es perfekt.
Im WYSIWYG-Modus wird beim Markieren von etwas und Klicken auf die Spoiler-Schaltfläche anstelle eines SPAN ein DIV verwendet, sodass es ein Block-Level-Element in einer eigenen Zeile ist.

Danke!

Wörtlich vor einer Stunde habe ich gerade bemerkt, dass der ComposerButtonBonanza (CBB) im WYSIWYG-Composer nicht funktioniert. (Oder vielleicht ist es umgekehrt.) Wir verwenden auf der Seite, die ich pflege, kein WYSIWYG, daher ist es mir nie aufgefallen! Also… ugh.

(Kein Fan von WYSIWYG. MediaWiki (z. B. Wikipedia) hat vor über einem Jahrzehnt viel Aufwand in einen WYSIWYG-Editor gesteckt, in der Annahme, dass dies mehr Leute dazu ermutigen würde, Redakteure zu werden. Es machte letztendlich keinen Unterschied, und sie konnten den ursprünglichen Editor trotzdem nicht loswerden, weil es so viele Dinge gibt, die man mit der WYSIWYG-Version nicht wirklich erledigen kann, und er ist im Vergleich zum ursprünglichen Wikitext+Vorschau-Editor einfach generell etwas klobig.)

Hmm… unabhängig von CBB… wenn ich im WYSIWYG-Composer einen Spoiler einfüge und dann außerhalb des Spoiler-Kastens klicke, um woanders zu bearbeiten, wird er dauerhaft verschwommen und ich scheine den Spoiler-Text nicht erneut bearbeiten zu können …es sei denn, ich wechsle in den Markdown-Modus. Übersehe ich etwas, oder ist das nur ein Fehler im WYSIWYG-Modus?

…Ach, egal! Wenn ich dreifach klicke (aus Frustration und/oder Langeweile), dann kann ich den Spoiler-Text wieder bearbeiten! (Kein Fan vom WYSIWYG-Modus; habe ich das schon erwähnt?)

1 „Gefällt mir“

Wenn Sie Spoiler so beheben können, dass sie nicht zu Blockelementen werden, wäre ich Ihnen sehr dankbar :folded_hands: