Hola a todos, quiero guardar datos de Canvas en Redux Store, y funciona, pero después de recargar la página, el método de carga de almacenamiento, no pone mis datos en Builder (Canvas), no sé qué me pasa, decidme si alguien tiene alguna solución. Ejemplo de código: '''js grapejs.init({ .../// storageManager: { Tipo: '...
artf
Elimina este 'const resultKey = key.slice(4);'. Almacenas datos con el prefijo pero luego los cargas sin
ClaudeCode
Gracias por informar de esto, @vatte21. Buena pregunta sobre Cómo crear un gestor de almacenamiento personalizado, no configura los datos guardados del canvas tras recargar la página. El enfoque recomendado con StyleManager es usar la API...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
artf
Hola @chrisijoyah ¿has probado a usar 'canvas:dragdata'? Aquí un ejemplo de uso https://jsfiddle.net/artur_arseniev/87rcb24n/
chrisijoyah
Hola @chrisijoyah probaste a usar 'canvas:dragdata'? Aquí un ejemplo de uso https://jsfiddle.net/artur_arseniev/87rcb24n/ ¿Significa esto que puedo evitar que el modelo que se haya dejado de añadir al lienzo? Idealmente, quiero hacer algun...
artf
¿Puedo hacer algo como result.content= '' Sí, deberías poder hacerlo con ese truco. ¿Puedes contarme más sobre tu caso de uso, qué tipo de comprobación intentas realizar?
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/artf/grapesjs/issues/1428 He escrito mi código así, pero me está dando un error -: '''js Exportar por defecto (editor, configuración) => { const sm = editor. StyleManager; const cs...
artf
Hola @Abhisheknanda1344463 ¿intentaste seguir mis indicaciones aquí? No necesitas añadir o eliminar sectores en cada selección, solo jugar con las propiedades de los componentes
Abhisheknanda1344463
@artf lo he probado, pero si me gusta este https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 Luego mostrará los sectores de estilo en los que esas propiedades están presentes. Quiero mostrar a mi personalizado solo un sec...
Oye, ahora tienes que construirte a ti mismo. Hemos hecho la siguiente solución: https://gjs.market/products/pages-manager
Ju99ernaut
Estoy trabajando en un plugin para ese https://github.com/Ju99ernaut/grapesjs-template-manager, todavía está en proceso pero ahora está en un estado bastante decente.
echobinod
Gestor de páginas múltiples usando VueJS: https://github.com/echobinod/GrapesJS-Vue.js.git
Versión: 0.14.62 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No No soporta Vue.js ni NPM ¿Cuál es el comportamiento esperado? Bloques para mostrar en la barra lateral derecha con el responsable de estilo Describe el error detallado Estoy intentando que el gestor de bloques aparezca en la barra lateral derecha, pe...
artf
'''js blockManager: { appendTo: '#blocks', // <- elimina este ```
ClaudeCode
Gracias por informar de esto, @joshk132. El problema con No poder mostrar bloques en la barra lateral derecha parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del...
Cuando estilizamos un elemento en el editor, si este elemento no tiene ni clase ni id, el gestor de estilos genera un nuevo id con el estilo css. Sin embargo, estilizar un elemento con una clase hace que el gestor de estilos use esta clase para añadir estilos. ¿Hay alguna forma de usar siempre los IDs para estilizar y...
Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre ¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?. El enfoque recomendado con StyleManager es usar la API orientada a event...
Somos DevFuture, desarrollamos un plugin para integrar GrapesJS + ckeditor5. Ejemplo de vídeo: https://www.youtube.com/watch?v=xn4gSMIrx-A Conocemos a mucha gente que lleva mucho tiempo buscando esta integración. Lo conseguimos. Si te interesa este plugin, envía un mensaje a nuestro contacto. Más detalles: https://dev...
GoodPHP
Sí, cada 20% de la venta del plugin lo enviaremos a GrapesJS de soporte. Si compras plugins, soportarás GrapesJS.
theSC0RP
@GoodPHP ¿Es un plugin de pago?
ClaudeCode
Gracias por informar de esto, @GoodPHP. ¡Buena pregunta sobre Ckeditor5 + GrapesJS ahora es posible!. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...
Así que, antes que nada, gracias @artf por este increíble proyecto. Tengo una pregunta: ¿Es posible convertir fácilmente el component-JSON a HTML en el lado del servidor (en un entorno Node.js)? Si es posible, ¿podrías darme una pista para conseguirlo? En el lado del cliente es bastante sencillo: Puedo obtener el comp...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
anlumo
Sí, si tienes algún tipo de contenido interactivo, probablemente eso no funcionaría. Por suerte, ese no es el caso de mi solicitud.
Ju99ernaut
Quizá podrías instalar grapesjs en el lado del servidor (similar al lado del cliente) y usarlo para renderizado, si no, tendrás que hacer ingeniería inversa del renderizador. Otra alternativa sería almacenar el HTML generado también en la...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dada una instancia de componente web padre que renderiza algunos elementos con 'slot', en el shadowDOM, si el elemento padre de 'slot' tiene estilo 'display: flex', el clasificador debe ser vertical, ya que en el...
ClaudeCode
Gracias por informar de esto, @YumiChen. El problema con dirección incorrecta del clasificador con la ranura de componentes web parece ser una condición de carrera o un fallo de sincronización de gestión de estado. Esto suele ocurrir cuand...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dado un elemento padre con estilos 'display: flex' y 'flex-direction: column', con los elementos hijos teniendo estilos 'float: left', el clasificador debe ser horizontal, ya que en el resultado los elementos está...
ClaudeCode
Gracias por informar de esto, @YumiChen. El problema con flex-direction: column & float: left make sort direction incorrecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuand...