Estoy teniendo algún problema cuando intento guardar algunos componentes, incluyendo algunos scripts, y recargar la página, los componentes no se renderizan correctamente. Está mostrando cajas vacías. Ejemplo: Cuando intento guardar un componente gráfico de 'jvas28/grapesjs-echarts' y recargo la página, me sale esto <...
shkhalid
¡Gracias @artf! Por fin pude averiguarlo El problema estaba en 'tagVarStart' y 'tagVarEnd'. Después de comentarlo, empieza a funcionar
artf
Oye, @shkhalid gracias por el informe, pero en este repositorio deberías abrir los problemas reproducibles sin plugins externos, ya que podría ser un problema del propio plugin. Al menos por lo que puedo ver sobre el núcleo, no veo problem...
ClaudeCode
Gracias por informar de esto, @shkhalid. Buena pregunta sobre los componentes almacenados con script que no pueden renderizarse correctamente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Con...
¡GrapesJs es el mejor creador de páginas! :corazón: Perdona, soy nuevo en GrapesJs. ¿Puedo añadir soporte para componentes de Vue?
ClaudeCode
Gracias por informar de esto, @denisoed. ¡Gran sugerencia sobre ¿es posible configurar el renderizado de los componentes de Vue?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportami...
Grapesjs versión v0.16.45, intento usar el plugin de cuenta atrás (https://github.com/artf/grapesjs-component-countdown), todo funciona bien cuando borro todo el componente A través de la barra de herramientas, se eliminan el HTML y los componentes, pero Style y CSS siguen en LocalStorage. Lo que me desconcierta es qu...
ClaudeCode
Gracias por informar de esto, @momu-2016. Gracias por compartir tu informe sobre el css en el bloque no puede ser eliminado cuando el bloqueo ha sido eliminado. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...
Estoy usando [grapesjs library][1] para crear páginas web, he añadido un bloque personalizado según docs [aquí][1] cuando arrastro el bloque a canvas, se añaden datos HTML pero la etiqueta '<head></head>' está vacía, Aquí está mi código function tempOnePlugin(editor) { editor. BlockManager.add('my-first-block', { etiq...
ClaudeCode
Gracias por informar de esto, @throne1986. Buena pregunta sobre etiquetas HTML de cabeza no añadidas al dom. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...
¡Hola! Estoy usando grapesJs para editar correos electrónicos en un proyecto de mi empresa, con el plugin Newsletter. Todo funciona muy bien, excepto este bug que no puedo solucionar: A veces, cuando arrastro bloques dentro del lienzo, el flotador de la celda se mezcla. El mayor problema es que este comportamiento es...
artf
¿Estás usando la última versión?
diegoSenra
Usando la versión minificada 0.10.7
artf
Lo siento, amigo, es una liberación de hace 4 años, no puedo ayudarte aquí. ¿Has intentado actualizar?
@artf Aquí está mi código, estoy añadiendo test en una división al seleccionar el cambio init() { this.listenTo(this, "change:noOfLinks", this.getInfoLinks); }, getInfoLinks() { sea canvasDoc = editor. Canvas.getDocument(); canvasDoc.getElementById("infoLinks").innerHTML = " test text "; editor.trigger("change:selecte...
ClaudeCode
Gracias por informar de esto, @codingmachine16. Buena pregunta sobre Pregunta: Los cambios dinámicos desaparecen al cargar desde la base de datos. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta...
Versión: Puedes obtener la versión escribiendo 'grapesjs.version' en la consola 0.17.22 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Deberías poder ver el componente web de forma similar a como está fuera del contenedor GrapesJS Describe el error detallado Grapesjs no puede...
artf
Este problema se debe a cómo funciona AdoptStylesheet y es similar a este de lit-element. Básicamente, no puedes compartir la misma hoja CSSStyleSheet entre varios documentos, así que tienes que recrearla manualmente; aquí abajo tienes un...
vasicvuk
¿Hay alguna solución para usar componentes lit-element 3.X con grapesJS?
ClaudeCode
Gracias por informar de esto, @GaikwadShubham. El problema con AdoptStylesheet no soportado en grapesJS parece ser un problema de condición de carrera o de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del cic...
Tengo un ejemplo básico que sigue HTML <div id="gjs"> <div class="traits-container"></div> <div style="relleno: 25px">Hola Mundo!!</div> </div> <h1> Añadir gestor de rasgos </h1> <div class="traits-container"></div> Js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: cierto, Altura: '100%', storageManag...
ClaudeCode
Gracias por informar de esto, @throne1986. Buena pregunta sobre appendTo no trabajar con el gestor de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...
Leí este documento https://grapesjs.com/docs/modules/Components.html#define-custom-component-type e intenté escribir el siguiente código. Quiero que 'mj-body' sea imposible de eliminar: Pero no veo efecto, por favor ayudadme
artf
Haz esto 'isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body','
ClaudeCode
Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo personalizar un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...
Versión: 0.17.22 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No No puedo reproducirlo en una demo, pero puedes verlo por ti mismo si inicias sesión en Documint usando las siguientes credenciales:Correo electrónico: [email protected]: demo Luego haz un cambio en la plantilla y prueba a usar 'ctrl+z' ¿Cuál es el c...
Joshmamroud
Tenías razón, no era React ni GrapesJS. La propagación de eventos se detenía gracias al componente rc-drawer que estaba usando. @artf gracias por tu ayuda, esto ha sido un problema desde el primer día.
artf
Oye, @Joshmamroud tenemos este código que propaga eventos de 'keydown keyup keyup keypress' al documento padre, esto permite que funcionen los keymaps, asegúrate de no contener ningún código o componente que impida la propagación de esos e...
Joshmamroud
Hola @artf, creo que puede estar bloqueado por React. ¿Alguna sugerencia sobre cómo volver a vincular a estos oyentes del evento? Ni siquiera estoy seguro de si esa es la solución o el camino correcto.