Issue #2865✓ ResueltoAbierto el 1 de julio de 2020por ghostReacciones 4

Activar el botón de 'ver componentes' en el panel por defecto

Respuesta rápidapor mcottret2

¡Hola @Enmaboya! Mirando la configuración predeterminada de Panels, debería estar activa por defecto. Si tienes una configuración personalizada de paneles, necesitas añadir la propiedad 'active: true' a la configuración del botón (como en aquí). Alternativamente, puedes recuperar el botón usando la API de Paneles para...

Lee la respuesta completa abajo ↓

Pregunta

Este botón está actualmente desactivado por defecto. Así que tienes que encenderla cada vez, lo cual no es evidente para todo el mundo.

¿Cómo se activa de inmediato? ! imagen

Respuestas (3)

👍 Muy útilmcottret1 de julio de 2020

¡Hola @Enmaboya!

Mirando la configuración predeterminada de Panels, debería estar activa por defecto.

Si tienes una configuración personalizada de paneles, necesitas añadir la propiedad 'active: true' a la configuración del botón (como en aquí).

Alternativamente, puedes recuperar el botón usando la API de Paneles para activarlo tras inicializar el editor, por ejemplo:

'Editor. Panels.getButton('options', 'sw-visibility').set('active', true);'

Ten en cuenta que los parámetros de 'getButton' pueden variar según tus paneles y configuraciones de botones.

ghost2 de julio de 2020

@mcottret ¡Muchísimas gracias!

sdchamoli19 de octubre de 2021
Fragmento de códigoTEXT
En Angular  
 myPlugin: any;
   
this.myPlugin = editor => {
      editor. Panels.addPanel({
        id: 'Acciones-básicas',
        EL: '.panel__basic-acciones',
        botones: [
          {
            Id: 'visibilidad',
            activo: true, // activo por defecto
            NombreClase: 'btn-toggle-borders',
            etiqueta: '<u>B</u>',
            comando: 'sw-visibility', // Comando incorporado
          }
        ],
      });
}

Después de eso, tu editor añade tu plugin

return grapesjs.init({
 plugins: [this.myPlugin],
})

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.