Zitate hervorheben

Hier könnte ein Fehler vorliegen. Das Aktivieren dieser Einstellung (während die ursprüngliche deaktiviert war) verursachte Probleme für Konten ohne Administratorzugriff. Ich bin mir nicht sicher, was genau kollidierte, aber einige Themen wurden ausgeblendet und die Navigation für Kategorien/Tags war für nicht autorisierte Konten (TL1) überhaupt nicht nutzbar.

Ich werde auf das Update von Arkshine warten.

2 „Gefällt mir“

Ich sehe Folgendes, als ich heute aktualisiert habe

[Admin-Hinweis] Das Theme „Quote Callouts“ (https://connect.amicalnet.org/admin/customize/themes/41?safe_mode=no_themes) enthält Code, der aktualisiert werden muss. (id:discourse.widgets-decommissioned) (mehr erfahren)

1 „Gefällt mir“

Ich habe einen Fix gepusht, kannst du die Komponente aktualisieren und es ausprobieren? :folded_hands:

7 „Gefällt mir“

Bisher funktioniert alles einwandfrei!

2 „Gefällt mir“

Ich habe jetzt ein Problem, der Zitatblock kann nicht mehr ein-/ausgeklappt werden

Haben Sie etwas dagegen, hier ein reproduzierbares Beispiel einzufügen oder einen Link zu Ihrem Beitrag in unserem Forum zu posten (Sie können mir auch eine private Nachricht senden, wenn Sie das bevorzugen)?

1 „Gefällt mir“

Selbstverständlich, das ist der untere Teil dieses Themas

Hier ist ein Update, das die Komponente modernisiert und Unterstützung für den Rich-Text-Editor einführt! :rocket:
Es könnte noch etwas Feinschliff oder unvorhergesehene Randfälle erfordern, aber ich denke, es ist ein guter Anfang. :folded_hands:

Kurz gesagt

Rich-Text-Editor

Lassen Sie uns über den Rich-Text-Editor sprechen und was Sie erwarten können!

Callouts erstellen:

Sie haben vier Möglichkeiten, Callouts einzufügen:

  • Tastenkombination
  • Werkzeugleiste
  • Eingaberegeln
    • /callout<Typ>
    • !!<Typ>
  • Einfügen-Unterstützung
    Video

Callouts bearbeiten

Die Steuerelemente zum Bearbeiten eines Callouts erscheinen erst, wenn Sie ihn zuvor ausgewählt haben.

  • Typ-Auswahl
    Durch Klicken auf das Symbol wird ein schwebendes Menü angezeigt.
  • Benutzerdefinierter Titel
    Unterstützt Inline-Formatierung und Emoji
  • Falten
    Callouts als einklappbar festlegen. Dies kann über das Optionsmenü aufgerufen werden.
    Video

Callouts organisieren

  • Verschieberegler

    • Desktop
      Es gibt einen Griff, den Sie greifen, um den Callout per Drag & Drop zu verschieben.
    • Touch-Gerät
      Sie können Callouts nach oben/unten verschieben oder sie in benachbarte Callouts verschachteln. Dies ist standardmäßig deaktiviert, um die Ansicht nicht zu überladen, da dies nicht häufig vorkommt. Sie können dies in den Optionen umschalten.
    Video

  • Tastaturnavigation
    Dies erleichtert das Navigieren in und aus verschachtelten Callouts.
    Es könnte zukünftige Anpassungen erfordern, um das Verhalten in dieser Version konsistent zu gestalten.

    • Am Anfang des Titels öffnet sich automatisch der Callout-Chooser.
    • Innerhalb eines Callout-Inhalts ohne Absatz zum Landen wird ein Absatz erstellt; wenn Sie mit leerem Inhalt beenden, wird der Absatz entfernt.
    • Eingabe Innerhalb des Titels bewegt den Cursor in den Inhalt (und erstellt einen, falls nötig).
    Video

  • Klick zum Einfügen

    • In Bereichen, in denen kein Absatz vorhanden ist, können Sie hineinklicken, um einen Absatz zu öffnen.
    • Wenn Sie möchten, können Sie auch Schaltflächen verwenden, um einen Absatz innerhalb oder außerhalb eines Callouts zu öffnen.
      Video

Möglicherweise werde ich mich später mit Folgendem befassen:

  • Eingaberegeln-Autovervollständigung
  • Verbesserung der Farbe mithilfe moderner CSS, um Konsistenz und Sichtbarkeit zu gewährleisten, insbesondere im Dunkelmodus.
  • Ich möchte alle Einstellungen entfernen und mich zuerst auf Einfachheit konzentrieren, mit erweiterter Anpassung nur über CSS, aber dafür ist es zu spät :rofl:

Besonderer Dank geht an Moin für das Feedback.

Das war’s. Lassen Sie mich wissen, was Sie denken. Feedback ist sehr willkommen!

7 „Gefällt mir“

Mir ist aufgefallen, dass Sie einen solchen Effekt entworfen haben: Wenn ein bestimmter Typ mehrere Aliase hat, dann erscheinen beim Auswählen des Typs im Rich-Text-Editor alle Aliase als Optionen und sie sind nacheinander angeordnet.
Dies ist ein gutes Design, das aber anscheinend noch erweitert werden muss: Wenn kein Titel definiert ist, wird der Callout-Typ angezeigt, sodass diese aufeinanderfolgenden Optionen, die alle dasselbe endgültige Farbschema verwenden, unterschiedliche Namen und Titel anzeigen; wenn jedoch ein Titel definiert ist, werden sie denselben Titel in der Liste anzeigen und verwenden wie bei der eigentlichen Erstellung eines Zitats, was etwas verwirrend ist.
Wenn diese Erweiterung schwierig zu implementieren ist, denke ich, dass vielleicht ein Kontrollkästchen bereitgestellt werden könnte, um das Hinzufügen zusätzlicher Einträge in der Typauswahlliste zu verhindern, die den Aliasen bei der Definition eines Titels eins zu eins entsprechen. :slightly_smiling_face:

3 „Gefällt mir“

Sie haben recht! Danke für das Feedback, es ist schön zu sehen, dass Leute den TC nutzen.
Tatsächlich habe ich irgendwann darüber nachgedacht, aber komplett vergessen, es zu beheben. :grinning_face_with_smiling_eyes:
Ich werde an einer Lösung arbeiten, um die Liste korrekt zu filtern, wenn der Titel gesetzt ist.

2 „Gefällt mir“

Ich habe einen Fix eingespielt. Lass mich wissen, wie es läuft! :+1:

3 „Gefällt mir“

Ich habe gerade die neueste Version getestet, und jetzt zeigen diejenigen mit einem Titel nur einen in der Kategorieauswahlliste an, unabhängig davon, wie viele Aliase es gibt. :smiley:

3 „Gefällt mir“

I have the following error, only when using the de translation*:

Screenshot of a red banner stating an error in Quote Callouts

JS-Console:

client-error-handler.js:109 [THEME 6 'Quote Callouts'] TypeError: Cannot set properties of undefined (setting 'callout_sample')
    at new po (callouts.gjs:30:19)
    at callouts.gjs:265:23
    at eK (plugin-api.gjs:3582:10)
    at Object.initialize (callouts.gjs:264:5)
    at i.initialize (app.js:304:28)
    at index.js:375:19
    at e.each (index.js:183:7)
    at e.walk (index.js:112:10)
    at e.each (index.js:59:20)
    at e.topsort (index.js:65:10)
    at ij._runInitializer (index.js:388:11)
    at ij.runInstanceInitializers (index.js:373:10)
    at l._bootSync (instance.js:111:22)
    at ij.didBecomeReady (index.js:780:18)
    at invoke (index.js:262:14)
    at m.flush (index.js:180:11)
    at g.flush (index.js:334:19)
    at Y._end (index.js:762:32)
    at Y._boundAutorunEnd (index.js:499:12)
h	@	client-error-handler.js:109

It occurs in the last line of this quote:

class QuoteCallouts {
  constructor(owner, api) {
    [...]
    window.I18n.translations[
      window.I18n.fallbackLocale || "en"
    ].js.composer.callout_sample = ``;

* set /u/<username>/preferences/interface “Interface language” to “German (Deutsch)”

The error seems to have been introduced in one of the last Discourse-Updates between 2026.3.0-latest and 2026.4.0-latest, but I can’t pinpoint it any further. Currently I’m at 2026.4.0-latest 4b2c45376d and Quote Callout v0.0.1 9aa6548

2 „Gefällt mir“

I really thought this kind of issue was fixed.
Is the site’s locale set to default English (US), while the user’s locale is set to German, am I correct?

Looking at the error, the composer object doesn’t exist. Let me know how it goes.
I made a quick fix for that: FIX: Ensures composer translation object exists by Arkshine · Pull Request #11 · Arkshine/discourse-quote-callouts · GitHub

1 „Gefällt mir“

Ja, das hat das Problem behoben. Danke! <3

1 „Gefällt mir“

Hallo @Arkshine, danke für das großartige Plugin!

Ist es möglich, den Callout ohne Titel oder nur mit einem Icon zu verwenden?

2 „Gefällt mir“

Ich glaube nicht, dass du das im Moment machen kannst, aber ich werde eine Lösung für das nächste Update finden!

In der Zwischenzeit gibt es einen Trick: Füge ein Leerzeichen mit Null-Breite ein, und es sollte funktionieren :grinning_face_with_smiling_eyes:. Du kannst es zum Beispiel von dieser Seite kopieren: ​ U+200B ZERO WIDTH SPACE - Unicode Explorer


Lass mich wissen, ob das bei dir funktioniert.

4 „Gefällt mir“

Ich glaube, es hat funktioniert! Danke! :heart_eyes:

2 „Gefällt mir“

Hey, @Arkshine :waving_hand:

Ist es möglich, die ursprüngliche Callout-Farbe beizubehalten, wenn die Funktion „Details ausblenden

2 „Gefällt mir“

Danke für den Bericht!
Ich habe eine Korrektur eingespielt. Könntest du die Komponente aktualisieren und prüfen, ob das Problem erneut auftritt?

2 „Gefällt mir“