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

#569121 de febrero de 2024por codei202 respuestas
Reacciones 0

Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho? En la demo oficial: https://grapesjs.com/demo-mjml.htmlAñadir una columna al lienzoSelecciona la...

artf

Probablemente esté relacionado con el plugin mjml, no con el núcleo porque no puedo reproducirlo (sugeriría abrir un problema en el repositorio correspondiente).

ClaudeCode

Gracias por informar de esto, @codei20. Buena pregunta sobre Deshacer que no funciona al seleccionar color de fondo o texto con el selector de color. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

#568920 de febrero de 2024por mitcht4 respuestas
Reacciones 0

<> se introduce al principio de editor.getHtml()

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 121.0.6167.185 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/ja50kzne/4/Describe el bicho ¿Cómo reproducir el bicho?Tenía una página web de una versión anterior de grapesJS qu...

mitcht

He reducido bastante el json y he notado que se está generando algo de JSON posiblemente inválido como salida. Es como si la introducción de las comillas dobles escapadas estuviera un poco desajustada. JSON.stringify y JSON.parse no parece...

artf

El componente raíz de la página debería ser un 'envoltorio', en tu caso es un 'nodo de texto' (por ejemplo, esto podría romper muchas cosas), con un 'tagName' vacío (la razón detrás de '<>') y por alguna razón 'contenido: "indefinido"(?) <...

mitcht

Esto es lo que salía de uvas 0.18.4, por lo que se generaba por uvas. Esperaría que si el contenido fuera "indefinido", las uvas o bien lo despojaran o lo ignoraran. Por ahora solo estoy despojando el <> por mi parte, pero pensé en compart...

#568315 de febrero de 2024por JonathanRiche2 respuestas
Reacciones 0

Command.runCommand no funciona para el comando integrado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrom v121 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la página graepesjs.com/demo, abre la consola y usa el objeto editor global ejecuta el método editor.r...

JonathanRiche

Primero tenía que ejecutar visualEditor.stopCommand('sw-visibility') no estoy seguro si esto es nuevoRunCommand que antes se usaba para alternar con la necesidad de ejecutar stop

ClaudeCode

Gracias por informar de esto, @JonathanRiche. Buena pregunta sobre Commands.runCommand que no funciona para el comando integrado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#567712 de febrero de 2024por soundharya23252 respuestas
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?<a> Insertar etiqueta con enlace dentro de la celda de la tabla(td).Da flotación a la izquierda o derecha a la c...

artf

Proporcionar una demostración válida y reproducible

ClaudeCode

Gracias por informar de esto, @soundharya2325. Buena pregunta sobre *. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método...

#56749 de febrero de 2024por mauriciolcs22 respuestas
Reacciones 0

El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100 vh

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc versión 1.29.0 (46113)Enlace de demo reproducible https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe el bicho ¿Cómo reproducir el bicho?Habilitar un lienzo infinitoAñadir al menos dos componentes al lienzoEst...

artf

Evita usar lienzo infinito porque nunca se documentó y ni siquiera se terminó como funcionalidad.

ClaudeCode

Gracias por informar de esto, @mauriciolcs2. Buena pregunta sobre El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100vh. El enfoque recomendado con Canvas es usar la API orientada a evento...

#56686 de febrero de 2024por addlistener2 respuestas
Reacciones 1

Sourcemap no carga para CompoentTextView

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 121.0.6167.139 (Versión oficial) (x86_64) Enlace de demo reproducible Ninguna. Describe el bicho ¿Cómo reproducir el bicho?añadir un custom Rte y establecer puntos de interrupciónhaz clic en step out hasta que lle...

artf

Solo puedo sugerir que revises correctamente la ruta del mapa fuente <img width="346" alt="Captura de pantalla 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> Por eje...

ClaudeCode

Gracias por informar de esto, @addlistener. Buena pregunta sobre sourcemap que no carga para CompoentTextView. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#565731 de enero de 2024por leo-budgetsimpleRespuesta 1
Reacciones 0

Etiquetas de comentario HTML desactivar la edición de texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 120Enlace de demo reproducible https://jsfiddle.net/btmry08e/Describe el bicho ¿Cómo reproducir el bicho?Init un editor grapesjs con este html: ''<div>'<!-- -->Hola Mundo</div>''' ¿Cuál es el comportamiento esperado?...

ClaudeCode

Gracias por informar de esto, @leo-budgetsimple. Buena pregunta sobre HTML Etiquetas de comentario para desactivar la edición de texto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

#565029 de enero de 2024por Wayne-Mather2 respuestas
Reacciones 0

Al insertar texto cuando el componente no está sincronizado, el texto se sobrescribe del modelo existente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge 121.0.2277.83, Firefox 122 Enlace de demo reproducible https://jsfiddle.net/50mga1t7/1/ Describe el bicho ¿Cómo reproducir el bicho?Crear una acción en la barra de herramientas para insertar algo de textoEditar un no...

artf

Esto no es un error, fusionar el DOM actual con los componentes requiere un poco más de esfuerzo. Ya existe una API similar que puedes usar o reimplementar según tus propias necesidades (usando definición de componentes en lugar de cadena...

ClaudeCode

Gracias por informar de esto, @Wayne-Mather. Buena pregunta sobre Al insertar texto cuando el componente no está sincronizado, el texto se sobrescribe del modelo existente. El enfoque recomendado con ProseMirror es usar la API orientada a...

#564124 de enero de 2024por yashvi20262 respuestas
Reacciones 0

Undomanager.remove() no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v91Enlace de demo reproducible https://codepen.io/Harshsne/pen/WNgZzPEDescribe el bicho ¿Cómo reproducir el bicho?Añadir una imagen al lienzo y cerrar la imagen modal. (Así que ese componente será eliminado del segui...

artf

El problema aquí no es 'Deshacer el control.remove', sino lo que se registra. Cuando redimensionas la imagen, no editas el 'Component' en sí, sino su objeto 'CssRule', por eso no funciona como se esperaba. Probablemente sugeriría simplemen...

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Undomanager.remove() que no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo es...

#563320 de enero de 2024por kla-ko3 respuestas
Reacciones 0

No se puede seleccionar componente en el manejador ''component:remove''

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/opmwfvjn/ Describe el bicho ¿Cómo reproducir el bicho?Abre y ejecuta el violínDos componentes están en el lienzo. La div "hola mundo...

artf

Gracias @kla-ko, en realidad hay una lógica que impide seleccionar otros componentes durante los eventos de 'component:remove' y lo arreglaré para la próxima versión, pero lo que te sugeriría es cambiar a otro evento. El evento 'component:...

kla-ko

Gracias @artf. ¡Esto funciona de maravilla! /

ClaudeCode

Gracias por informar de esto, @kla-ko. Buena pregunta sobre No se puede seleccionar componente en el manejador ''component:remove''. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

Explora todos los temas