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 220

🔍 canvas
#371821 de agosto de 2021por Abhisheknanda13444632 respuestas
Reacciones 0

Funciones de sobreescritura de arrastre

Hola @artf quiero anular la función de arrastre de '''dmode "absoluto"'''. Por ahora, tenemos la capacidad de movernos libremente por el lienzo y, si nos mueves a cualquier parte del escritorio, no será igual en el otro móvil o dispositivo de mesa. Además, en los píxeles quiero que sea en porcentaje para que sea sensi...

artf

Tienes que extender el comando ComponentDrag

ClaudeCode

Gracias por informar de esto, @Abhisheknanda1344463. ¡Gran sugerencia sobre las funciones de Anulación de Arrastre! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....

#371520 de agosto de 2021por mingxin-yang3 respuestas
Reacciones 0

Cómo añadir un evento de clic

Este es mi código de bloque personalizado: Quiero añadir un evento de clic al botón después de añadirlo al lienzo, y cuando hago clic, puedo obtener el contenido en el texto de mj-text

mingxin-yang

@artf

artf

@mingxin-yang tienes que extender la vista del componente 'botón mj'

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo añadir un evento de clic. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específ...

#371418 de agosto de 2021por ltenti2 respuestas
Reacciones 0

Análisis parcial

Comentado en https://github.com/artf/grapesjs/discussions/3711 <tipo div='discussions-op-text'> <sup>Publicado originalmente por ltenti 17 de agosto de 2021</sup> Hola a todos, Me pregunto cómo abordar este tipo de escenario:Tengo que permitir que los usuarios de mi aplicación editen una página webla página web tiene...

artf

https://github.com/artf/grapesjs/discussions/3711#discussioncomment-1234837

ClaudeCode

Gracias por informar de esto, @ltenti. ¡Gran sugerencia sobre el análisis parcial! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''...

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

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

#36796 de agosto de 2021por imouou2 respuestas
Reacciones 0

El ancho del dispositivo es inválido por defecto

Gracias por el #3673 Tengo un nuevo feedback sobre un bug. Versión:. 0.17.22 ¿Puedes reproducir el error de la demo?[ ] Sí[ ] No ¿Cuál es el comportamiento esperado? Quiero que el ancho por defecto sea el del dispositivo móvil, así que configuré la prioridad mínima de ancho, pero solo el ancho del móvil se muestra por...

artf

Sí, tienes razón, en realidad no hay opción para seleccionar el dispositivo por defecto... Por ahora, como solución alternativa, hazlo manualmente después de iniciar: '''js const editor = grapesjs.init({...}); editor.setDevice('Móvil'); En...

ClaudeCode

Gracias por informar de esto, @imouou. El problema con El ancho del dispositivo es inválido por defecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del cic...

#36755 de agosto de 2021por rywilson28Respuesta 1
Reacciones 0

Las insignias pueden ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento

Versión: 0.17.23 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Es posible que la insignia oculte el contenido del elemento si este se coloca en la parte superior del lienzo. ! imagen ¿Cuál es el comportamiento esperado? Si hay espacio, la etiqueta debe colocarse debajo del elemento. ! imagen ¿Puedes adjuntar cap...

ClaudeCode

Gracias por informar de esto, @rywilson28. El problema con las Insignias puede ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento parece ser una condición de carrera o un problema de timing de gestión de e...

#36745 de agosto de 2021por sriya-srinivasan4 respuestas
Reacciones 1

Componentes web invisibles

Versión: 0.17.19 ¿Cuál es el comportamiento actual? Que el componente web añadido sea visible: Al añadir componentes web dentro del contenedor grapesjs, el componente está vacío/vacío si tiene elementos en el DOM sombra. (Si no se usa el dom sombra para crear componentes, no hay problema.) Es visible en el administrad...

artf

He publicado una solución aquí https://github.com/artf/grapesjs/issues/3693

artf

Oye @sriya-srinivasan, ¿puedes crear una demo reproducible, por favor?

artf

@sriya-Srinivasan, ¿alguna novedad, por favor?

Explora todos los temas