La propiedad de script usando función no funciona con bloques
Busca dónde está el problema, se solucionará en la próxima versión
Lee la respuesta completa abajo ↓Pregunta
En la documentación de Componentes & JS hay este ejemplo:
editor. BlockManager.add('test-block', {
etiqueta: 'Bloque de prueba',
Atributos: {Clase: 'FA FA-TEXTO'},
Contenido: {
guion: "alerta('Hola'); console.log('el elemento', esto)",
Añade algo de estilo solo para que el componente sea visible
estilo: {
Ancho: '100px',
Altura: '100px',
'color de fondo': 'rojo',
}
}
});
Esto funciona perfectamente. Pero no podría usar una función en lugar de una cadena en 'script', como se dice que está soportado como este ejemplo:
editor. BlockManager.add('test-block', {
...
Contenido: {
script: función () {
alerta ('Hola');
console.log('el elemento', esto);
},
...
}
});
No pasará nada. La documentación no es muy clara sobre el uso de scripts en bloques o componentes.
Respuestas (3)
Busca dónde está el problema, se solucionará en la próxima versión
@artf Estos cambios en la fecha en que se publicarán?
@chiqui3d debería arreglarse
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #634
¿Cómo puedo pasar contenido con script?
Hice componentes personalizados así y también usé scripts '''js bm.add('test-block', { etiqueta: 'Bloque de prueba', atributos: { Clase: 'F...
Issue #1545
[Pregunta] ¿Cómo consigo identificación de Block?
Hola, tengo mi bloque y recibo resultados de impresión en Div ID de mi componente de clase javascript... ¿Cómo consigo identificación de mi...
Issue #525
Ejemplo de local2 para el almacenamiento que no funciona
Usando el código proporcionado en la documentación. https://github.com/artf/grapesjs/wiki/API-Storage-Manager en ejemplos de "añadir". Esto...
Issue #581
Eventos relacionados con los componentes de lectura
La wiki de la API del editor lista un conjunto de eventos relacionados con componentes que pueden ser escuchados (por ejemplo, 'component:a...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.