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...
Cualquiera sabe cómo ejecutar una función cuando se abre el gestor de bloques
artf
Si usas el comando por defecto para mostrar/ocultar bloques, puedes hacerlo con 'editor'. Commands.isActive('open-blocks')'
ClaudeCode
Gracias por informar de esto, @aliibrahim123. Buena pregunta sobre ayuda: cómo saber si el panel del gestor de bloques está abierto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la document...
¡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...
Estoy usando el siguiente fragmento de código para colapsar todas las categorías de bloques, pero desafortunadamente esto no funciona Demo en directo: https://jsfiddle.net/d4702yoh/2/ ¿Qué pasa aquí?
artf
Eso debería ser suficiente, 'editor. Blocks.getCategories().forEach(ct => ct.set('open', false))' pero las categorías no se crean hasta el renderizado de los bloques (que ocurre, por defecto, cuando haces clic en la pestaña de Bloqueos), a...
ronaldohoch
Hola, he hecho que cierre todos los bloques en un solo plugin, intento adaptarme a ti.: '''javascript Export default (editor, opt = {}) => { comandos const = editor. Órdenes; Commands.add("dina:hide-all-blocks",(editor)=>{ editor. Panels.g...
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...
anatoli-dp
Por favor, ten en cuenta que este problema es grave... Ahora que lo veo me siento tonta... Los IDs no pueden empezar con un número y no lo tuve en cuenta al hacer esto
ClaudeCode
Gracias por informar de esto, @anatoli-dp. El problema con los IDs personalizados tienen un \3 inyectado en el CSS y un espacio después de la letra siguiente al \3 cuando se añaden al lienzo parece ser una condición de carrera o un problem...
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...
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
La cadena aquí se supone que es una cadena de consulta, así que intenta consultar una etiqueta 'wrapper', que obviamente no existe. El editor adjunta el atributo 'data-gjs-type' a todos los componentes del marco, por lo que la consulta que...
anatoli-dp
Ah, ahora tiene mucho más sentido... Gracias, eso solucionó el problema
ClaudeCode
Gracias por informar de esto, @anatoli-dp. El problema con configurar arrastrable: 'envoltorio' no cae en el envoltorio parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los...
@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...