Super Tooltip for GrapesJS

Mejora la interacción entre componentes con descripciones de interfaz inteligentes y flotantes y menús contextuales.

Super Tooltip es un plugin enfocado en UX para GrapesJS que añade iconos flotantes y menús contextuales cerca de componentes seleccionados. Simplifica las acciones comunes con atajos de teclado limpios y proporciona una experiencia de edición integrada pulida en el lienzo.

✨ Características

• Botones flotantes de "Añadir componente" y "Más opciones"
  Iconos colocados intuitivamente aparecen junto a los componentes seleccionados para un acceso rápido.

• Atajos de teclado
  Realiza acciones como:

  • Cmd/Ctrl + D: Añadir componente

  • Cmd/Ctrl + F: Abre más opciones

  • Cmd/Ctrl + E: Seleccionar padre

  • Cmd/Ctrl + ↑ / ↓: Componente de movimiento

  • Cmd/Ctrl + S: Duplicado

  • Del: Borrar

• Sistema de Descripción
  Aparecen descripciones emergentes fluidas con atajos al pasar el cursor, mejorando la usabilidad sin desorden.

• Menús de contexto animado

  • Inserción de bloques con búsqueda filtrable

  • Submenú "Convertir a" para reemplazo de componentes en activo

  • Acciones como mover, eliminar, duplicar, seleccionar padre — todas accesibles con el teclado

• Integrado con BlockManager
  Extrae dinámicamente los bloques disponibles con SVG/iconos previsualización e inyección de contenido.

Registros:

Versión 0.1.5 - Actualizado la posición de los botones y actualizado a GrapesJS 0.22.x

Versión 0.1.3 - Añadiendo iconos móviles y solucionando problemas con las posiciones de los menús

Versión 0.1.1 - "Añadir componente" & "Más opciones" & Teclas cortas