PREGUNTA/SOLICITUD DE FUNCIONALIDAD: Cambiar la descripción emergente de un componente seleccionado

Hola, cuando defines un nuevo componente, puedes personalizar su barra de herramientas '''js ... modelo: { Predeterminados: { ... Barra de herramientas: [ { atributos: { clase: 'fa fa-arrow-up' }, comando: () => alerta('Hola') }, ... ], } }

También puedes actualizar la barra de herramientas en tiempo de ejecución de esta manera:
'''js
someComponent.get('toolbar').push({
 Atributos: { Clase: 'FA FA-ARROW-UP' },
 comando: () =alerta >('Hola')
});

pero no se almacenarán (por ejemplo, al refrescar la página), así que siempre sugiero pensar más orientado a componentes.

Gracias, eso es de gran ayuda para algunas cosas que quiero añadir para mí Úsate.

El martes 29 de diciembre de 2020 a la 13:01 Artur Arseniev [email protected] Escribió:

Cerrado #3177 https://github.com/artf/grapesjs/issues/3177.

— Recibes esto porque tú escribiste el hilo. Responde directamente a este correo, viséalo en GitHub https://github.com/artf/grapesjs/issues/3177#event-4155477963, o de baja https://github.com/notifications/unsubscribe-auth/AR4NW5DRZJ57CX6IQR5UQWTSXIRRDANCNFSM4UTXJCQA .

Gracias por informar de esto, @anatoli-dp.

El problema con PREGUNTA/SOLICITUD DE FUNCIONALIDAD: Cambiar la descripción de componente seleccionado parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe