Zitat-Hinweise

Anpassung Themenkomponente
50

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“