Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#370313 de agosto de 2021por anatoli-dp2 respuestas
Reacciones 0

Los IDs personalizados tienen un \3 inyectado en el CSS y un espacio después de la siguiente letra después del \3 cuando se añaden al lienzo

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...

#370213 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Etiquetas de cabeza HTML no añadidas al dom

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...

#370012 de agosto de 2021por anatoli-dp3 respuestas
Reacciones 3

Configuración arrastrable: 'Envoltorio' no se suelta en el envoltorio

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...

#369912 de agosto de 2021por diegoSenra4 respuestas
Reacciones 0

El flotamiento de la celda desplaza aleatoriamente a la celda real

¡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?

#369411 de agosto de 2021por codingmachine16Respuesta 1
Reacciones 0

Pregunta: Los cambios dinámicos desaparecen al cargarse desde la base de datos

@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...

#369311 de agosto de 2021por GaikwadShubham3 respuestas
Reacciones 1

AdoptStylesheet no soportado en grapesJS

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...

#369010 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

Añadir A no trabajar con el gestor de rasgos

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...

#368810 de agosto de 2021por mingxin-yang2 respuestas
Reacciones 0

Cómo personalizar un componente

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...

#368710 de agosto de 2021por Joshmamroud4 respuestas
Reacciones 1

Los atajos de teclado/mapas de teclas no funcionan

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.

#36859 de agosto de 2021por throne1986Respuesta 1
Reacciones 0

ShowStylesOnChange no funciona

Chicos, soy nuevo en las uvas, me gustaría que en el cambio de componente mostrara el Style Manager, aquí está mi componente y cómo lo añado, también me gustaría escribir un vídeo en asset manager ! imagen Desafortunadamente, ni el Style Manager ni el tipo de vídeo están añadidos, ¿alguien puede decirme la forma corre...

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre showStylesOnChange no está funcionando. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...

Explora todos los temas