Añadiendo nueva función para BlockManager
Actualmente, deberías probar con algo así '''js editor. BlockManager.add('your-block', { etiqueta: 'Tu barrio', // ... content: { // tu componente Precio: 123, // ... } }); editor.on('canvas:drop', (dr, component) => { const price = component.get('price'); ... })
Lee la respuesta completa abajo ↓Pregunta
Quiero usar grapes.js para crear un constructor de página web para clientes y, cuando muestren el diseño, debería mostrar el precio de la web construida según cuántos elementos se utilicen. Lo que me cuesta es que no puedo crear una variable llamada "Precio" y cuando desde Blockmanager algo se arrastra y suelta, esa variable "Precio" debería cambiar.
¿Qué línea de código debería cambiar para añadir la variable "precio" para cada objeto separado de Blockmanager y, cuando el objeto se elimina a la variable de lugar especificado, la variable "precio" cambia?
¡Gracias de antemano! Espero que este tipo de función también ayude a otros.
Respuestas (2)
Actualmente, deberías probar con algo así '''js editor. BlockManager.add('your-block', { etiqueta: 'Tu barrio', // ... content: { // tu componente Precio: 123, // ... } });
editor.on('canvas:drop', (dr, component) => { const price = component.get('price'); ... })
Por cierto, me gustaría volver a activar eventos específicos de bloques, así que probablemente con la próxima versión el proceso será más conciso
'''js
editor. BlockManager.add('your-block', {
etiqueta: 'Tu barrio',
precio: 123, // Añade cosas al bloque, no al componente
// ...
});
editor.on('block:drag:stop', (component, blockModel) => {
const price = blockModel.get('price');
...
})
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1213
Necesito ayuda
Quiero usar grapes.js para crear un constructor de página web para clientes y, cuando muestren el diseño, debería mostrar el precio de la w...
Issue #535
Nueva sección en Ver contenedor
Hola, Quiero añadir una nueva sección en el contenedor de la vista. Digamos que cuando hacemos clic en Gestor de estilos se abre el gestor...
Issue #1979
[SOLICITUDES DE FUNCIONALIDADES]: Opción StyleManager para editar siempre un solo elemento
Estoy usando esta gran biblioteca solo para editar partes de páginas. Principalmente diseño Compontens listos para usar en la Página y, cua...
Issue #1966
[PREGUNTA] Bucle sobre todos los componentes
Hola a todos, Quiero crear un conector para cada botón que añada al lienzo. Esto está funcionando perfectamente. Sin embargo, cuando recarg...
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.