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 877

🔍 question
#57298 de marzo de 2024por Sphenox4 respuestas
Reacciones 1

Edición/reemplazo del texto dentro de un enlace

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Demo abiertoCrear un texto, con un enlace editar texto con el RTE predeterminadoseleccionar el enlace comp...

bernesto

@artf, tienes razón otra vez. El espacio en blanco en el nodo importa. Si el texto se acerca justo al nodo que se cierra, la primera pulsación sustituye al texto, la siguiente sale del nodo; si no, funciona como cabría esperar. Hay un hilo...

bernesto

Solo para aclarar, ¿te refieres a la selección y edición del texto dentro del enlace comportándose de forma anormalmente así? ! Kapture 2024-03-08 a las 09:01 50

Sphenox

Sí, exactamente como se muestra en el vídeo que has proporcionado.

#57248 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Manejo de espacios en blanco en elementos en línea

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v122Enlace de demo reproducible https://jsfiddle.net/zwo0mdqf/5/Describe el bicho ¿Cómo reproducir el bicho?Crear elementos válidos de bloques en línea como span, b, i, em, etc., que usen múltiples espacios, tabulaci...

danstarns

Cerrando a favor del commit fusionado. https://github.com/GrapesJS/grapesjs/pull/5719

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre manejo de espacios en blanco en elementos en línea. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJ...

#57206 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/n38vbktg/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente que propague valores predeterminados que incluyan capas = verdadero. Introduce un come...

artf

¡Buen apunte @bernesto

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre Propagar los componentes por defecto puede romper capas cuando se introducen comentarios hijos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empie...

#57184 de marzo de 2024por mitcht2 respuestas
Reacciones 0

Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la versión 0.18 hasta la > última

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 122.0.6261.95 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/n4x6L1v0/2/ Describe el bicho ¿Cómo reproducir el bicho?Guardar datos de componentes de una versión anterior de gra...

artf

Gracias @mitcht pero como ya mencioné, el componente principal nunca pudo ser Textnode, así que no tiene sentido manejar un caso así en el núcleo o tener este problema abierto. En fin, si la lógica te funciona, úsala en tu editor.

ClaudeCode

Gracias por informar de esto, @mitcht. ¡Gran sugerencia sobre Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la 0.18 hasta > más reciente! Aunque esta función específica aún no está en la API...

#57154 de marzo de 2024por afrinxnaharRespuesta 1
Reacciones 0

Enlace roto en la documentación de la API

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Versión 123.0 (64 bits) Enlace de demo reproducible No presente Describe el bicho Supongo que la mayoría de los archivos de .js se han convertido en mecanografia, pero puede que haya más enlaces rotos como el de a...

ClaudeCode

Gracias por informar de esto, @afrinxnahar. El problema con enlace roto en la documentación de la API 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 ciclo...

#570827 de febrero de 2024por ravisaxena2 respuestas
Reacciones 0

Capacidad para cambiar todas las propiedades de margen, relleno, etc.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible Ahora estamos funcionando en una máquina local Describe el bicho Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario...

artf

Por favor, evita abrir los problemas de ERROR sin leer el verdadero sentido de los problemas en la plantilla.

ClaudeCode

Gracias por informar de esto, @ravisaxena. El problema con Capacidad para cambiar todas las propiedades de margen, relleno, etc. juntas parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele oc...

#570526 de febrero de 2024por bernesto4 respuestas
Reacciones 0

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/Lk2bwhp4/ Describe el bicho ¿Cómo reproducir el bicho?Colocar el editor dentro de un contenedor y luego redimensionar programáticamente el ancho del contenedor....

artf

Gracias @bernesto por el informe, pero como no podemos detectar cambios en el diseño programático sin afectar al rendimiento, en este caso tienes que actualizar manualmente el diseño del editor mediante 'editor.refresh()' (por ejemplo, en...

bernesto

Hola @artf, de hecho me lo mezclé accidentalmente en la última solicitud de tirada que aceptaste (src/canvas/model/Frame.ts). Quizá quieras echar un vistazo a lo que añadí y ver si está causando algún problema. Ahora mismo lo tenemos en pr...

artf

de hecho, esto se mezcló accidentalmente en la última solicitud de tirada que aceptaste y de hecho lo quité porque parecía no tener relación 🤣 No es un problema añadirlo de nuevo, pero ten en cuenta que tu ejemplo solo funcionará por el d...

#570325 de febrero de 2024por bernestoRespuesta 1
Reacciones 0

Desplazamiento del selector de color respecto al contenedor del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/v4e5d90z/ Describe el bicho ¿Cómo reproducir el bicho?Coloca el editor en cualquier contenedor. ¿Cuál es el comportamiento esperado? El selector de color deberí...

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre el desplazamiento del selector de color respecto al contenedor del editor. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#570024 de febrero de 2024por upadhyay88442 respuestas
Reacciones 0

=

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No se puede proporcionar los datos sensiblesDescribe el bicho ¿Cómo reproducir el bicho?Dejar una página en el editor/Canvas.Ajustar la altura para ejemplo 600 puntos y también añadir un re...

upadhyay8844

@artf ¿puedes echarle un vistazo, por favor?

ClaudeCode

Gracias por informar de esto, @upadhyay8844. Buena pregunta sobre =. 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ífico Busca el método del oyen...

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

Explora todos los temas