Komponisten-Button-Bonanza

[mdoggydog]

Diese Komponente funktioniert nur mit dem Markdown-Editor. Nicht kompatibel mit dem Rich-Text-Editor.

	Zusammenfassung	Composer Button Bonanza ermöglicht es einem Seitenadministrator, neue Markup-Schaltflächen für die Composer-Symbolleiste zu definieren und hinzuzufügen, und bietet standardmäßig eine Fülle neuer Schaltflächen.
	Repository	centertap/DiscourseComposerButtonBonanza - Codeberg.org
	Readme	Making sure you're not a bot!
	Release Notes	Making sure you're not a bot!
	Installationsanleitung	Wie man ein Theme oder eine Theme-Komponente installiert
	Sponsoring	Präsentiert von… <br>Diese Theme-Komponente wird vom Center for Transparent Analysis and Policy entwickelt, einer gemeinnützigen Organisation nach 501(c)(3). Wenn diese Komponente für Ihre Seite nützlich ist, erwägen Sie bitte, eine Spende zur Unterstützung von CTAP zu tätigen.

Composer Button Bonanza installieren

„Composer-Affordanzen, 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 sie eine Reihe 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 erkennen? ), und verbirgt den Rest hinter einer Umschaltfläche im Popup-Menü:

Nach dem Klicken auf die Umschaltfläche 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 wann angezeigt werden sollen;
• die Reihenfolge der Schaltflächen ändern und Schaltflächen in der Symbolleiste oder im 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 (Affordanzen!) hinzu, um vorhandenes Markup einzugeben, das vorhandene Stile aufruft. Ihr Hauptzweck ist es, Ihren Benutzern zu helfen, die Composer-Funktionalität zu entdecken und zu nutzen. Benutzer, die viele Fußnoten verwenden, werden wahrscheinlich einfach ^[ und ] direkt auf der Tastatur eingeben; aber der Rest von uns wird sich über eine Schaltfläche freuen, die uns daran erinnert, was zu tun ist.

Ein Vorteil dieses Ansatzes ist, dass bei einer späteren Entfernung dieser Theme-Komponente der Stil bestehender Beiträge nicht beeinträchtigt wird. 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 (wobei alle integrierten Plugins aktiviert und keine zusätzlichen Plugins installiert sind):

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

Wie oben erwähnt, handelt es sich hierbei lediglich um die Standardeinstellungen. Alle diese Schaltflächen können neu angeordnet oder entfernt und neue hinzugefügt werden.

---

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

[Shauny (Shaun Robinson)]

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

[Shauny (Shaun Robinson)]

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…

[Heliosurge (Dan DeMontmorency)]

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.

[mdoggydog]

@Shauny

Wie funktionieren Verknüpfungen?

(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.

@Shauny

aber sind nicht die meisten Verknüpfungen bereits für andere Dinge belegt?

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“!)

[denvergeeks]

h01y cr@p das ist awwwwwwesommmmme

[Shauny (Shaun Robinson)]

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?

[Shauny (Shaun Robinson)]

Wird dies noch unterstützt?

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

[Shauny (Shaun Robinson)]

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)

[denvergeeks]

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

[Shauny (Shaun Robinson)]

Danke!

Hier ist mein Setup:

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!

[mdoggydog]

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?)

[Shauny (Shaun Robinson)]

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

[tobiaseigen]

Ich habe im ersten Beitrag eine Warnung hinzugefügt, dass es nicht mit dem Rich-Text-Editor kompatibel ist.

@Shauny

Im Markdown-Modus funktioniert es einwandfrei.
Im WYSIWYG-Modus wird beim Markieren von etwas und Klicken auf die Spoiler-Schaltfläche anstelle eines SPAN ein DIV verwendet, sodass es sich um ein Blockelement in einer eigenen Zeile handelt.

Ich habe das nicht getestet, aber es klingt für mich, als hätte das nichts mit dieser speziellen Komponente zu tun. Ich würde einen neuen Support-Fehlerbericht mit Reproduktionsschritten erstellen.

[renato (Renato Atilio)]

@mdoggydog

Wenn ich im WYSIWYG-Composer einen Spoiler einfüge und dann außerhalb des Spoiler-Feldes klicke, um woanders zu bearbeiten, wird dieser dauerhaft unscharf und ich kann den Spoiler-Text anscheinend nicht mehr bearbeiten …es sei denn, ich wechsle in den Markdown-Modus. Übersehe ich etwas, oder ist das nur ein Fehler im WYSIWYG-Modus?

Ich kann das nicht reproduzieren, welchen Browser verwendest du?

@tobiaseigen

das hat nichts mit dieser speziellen Komponente zu tun

Dieses Problem ist spezifisch für die Komponente, die ursprüngliche „Spoiler unscharf machen“-Aktion des Kerns verwendet eine andere Implementierung, die nicht nur den [spoiler] BBCode hinzufügt.

[tobiaseigen]

Ah, ausgezeichnet und danke für die Prüfung.

[mdoggydog]

@renato

Ich kann es nicht reproduzieren, welchen Browser verwenden Sie?

Ich verwende Firefox 140.5.0esr.

[renato (Renato Atilio)]

Danke für den Bericht, es sollte jetzt behoben sein. (Und entschuldigung für das Off-Topic)