Super Tooltip for GrapesJS

Verbessern Sie die Komponenteninteraktionen mit intelligenten, flexiblen UI-Tooltips und Kontextmenüs.

Super Tooltip ist ein UX-orientiertes Plugin für GrapesJS, das schwebende Symbole und kontextbezogene Menüs in der Nähe ausgewählter Komponenten hinzufügt. Es vereinfacht gängige Aktionen mit sauberen Tastenkombinationen und bietet ein ausgefeiltes In-Canvas-Bearbeitungserlebnis.

✨ Merkmale

• Schwebende "Komponente hinzufügen"- und "Mehr Optionen"-Tasten
  Intuitiv platzierte Symbole erscheinen neben ausgewählten Komponenten für schnellen Zugriff.

• Tastenkombinationen
  Führen Sie Aktionen aus wie:

  • Cmd/Ctrl + D: Komponente hinzufügen

  • Cmd/Ctrl + F: Öffne mehr Optionen

  • Cmd/Ctrl + E: Elternteil auswählen

  • Cmd/Ctrl + ↑ / ↓: Bewegungskomponente

  • Cmd/Ctrl + S: Doppelte

  • Del: Löschen

• Tooltip-System
  Flüssige Tooltips mit Verknüpfungen erscheinen beim Hovern, was die Benutzerfreundlichkeit ohne Unordnung verbessert.

• Animierte Kontextmenüs

  • Blockeinfügung mit filterbarer Suche

  • "Umwandeln zu"-Untermenü für den Austausch von Live-Komponenten

  • Aktionen wie Verschieben, Löschen, Duplizieren, Eltern auswählen – alle tastaturzugänglich

• Integriert mit BlockManager
  Es zieht dynamisch verfügbare Blöcke mit SVG/Icon-Vorschau und Inhaltsinjektion ab.

Protokolle:

Version 0.1.5 – Aktualisierte Position der Buttons und aktualisierte auf GrapesJS 0.22.x

Version 0.1.3 – Hinzufügen eines bewegten Symbols und Behebung von Problemen mit Menüpositionen

Version 0.1.1 - "Komponente hinzufügen" & "Mehr Optionen" & Kurze Tasten