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 43

🔍 keyboard
#51591 de junio de 2023por CaptSadaf3 respuestas
Reacciones 0

No se pueden añadir marcadores de posición en opciones de campo desplegable de texto con CKEditor activado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://codepen.io/darrenbawag/pen/JjWBLrpDescribe el bicho ¿Cómo reproducir el bicho?Abre este enlace https://codepen.io/darrenbawag/pen/JjWBLrp e intenta mostrar el desplegable marcador a...

CaptSadaf

cc: @jcamejo @artf

artf

Esas acciones solo están disponibles para el RTE integrado; si lo sustituyes por un RTE personalizado como CKEditor no las ves. Tienes que usar el propio CKEditor para tu lógica personalizada.

ClaudeCode

Gracias por informar de esto, @CaptSadaf. Buena pregunta sobre No se pueden añadir marcadores de posición a opciones desplegables de campos de texto con CKEditor activado. El enfoque recomendado con ProseMirror es usar la API orientada a e...

#49208 de febrero de 2023por c9a23342 respuestas
Reacciones 0

Claves de localización perdidas para de locale

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? No relacionado con el navegador Enlace de demo reproducible https://codesandbox.io/s/pensive-river-417grm?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?importar uvasjs/src/i18n/localidad/de.jsUsa esto como lo...

artf

Gracias@c9a2334 ¿te gustaría contribuir a esta solución?

ClaudeCode

Gracias por informar de esto, @c9a2334. Buena pregunta sobre Claves de localización perdidas para la localización. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#484715 de enero de 2023por wunksert3 respuestas
Reacciones 0

Las ediciones CSS no se mantienen en el DOM

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 109.0.5414.87Describe el bicho ¿Cómo reproducir el bicho?Crear una animación @keyframes en el lienzo GrapesJSEn JS, crea una nueva CssRule pasando la siguiente cadena al editor. Css.addRules:Añádelo al lie...

artf

Parece estar relacionado con CssGroupRuleView aquí. En el caso de reglas at-rules como '@keyframes', tenemos que forzar la re-renderización del contenedor padre.

wunksert

@artf enfrentando este problema otra vez con el 'editor. CssComposer.remove(myCssRule)' El CSS del editor elimina la regla pero no se envía al DOM. ¿Cómo recomiendas forzar el rerenderizado del DOM manteniendo el estado de mi editor intact...

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre que las ediciones de CSS no se mantienen en el DOM. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#47717 de diciembre de 2022por henry-mmw3 respuestas
Reacciones 0

GrapesJS no entiende las reglas CSS de '@-webkit-keyframe'.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v108 Enlace de demo reproducible sin enlace Describe el bicho Añade cualquier regla CSS '@-webkit-keyframe' en el editor. Aparece como '@media' en su lugar. He añadido bastantes herramientas al constructor y parece...

ronaldohoch

¡Solo he venido aquí para abrir el mismo problema! :( @artf, puedes añadir este código para comprobarlo. '''js editor. CssComposer.addRules(' .animateanimated { -webkit-animación-duración: 300ms; Duración de la animación: 300 ms; -webkit-a...

artf

Reportado y corregido aquí

ClaudeCode

Gracias por informar de esto, @henry-mmw. El problema con GrapesJS no entiende las reglas CSS '@-webkit-keyframe'. parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#460723 de septiembre de 2022por RomanGlazkov2 respuestas
Reacciones 0

Error en JS al mover un elemento con su hijo

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome v104Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Seleccionar un elementoMantenga pulsada la tecla CTRL y seleccione un elemento hijoPrueba a mover estos elementos ¿Cuál...

artf

Supongo que deberíamos evitar seleccionar hijos de componentes ya seleccionados desde el principio.

ClaudeCode

Gracias por informar de esto, @RomanGlazkov. ¡Gran sugerencia sobre el error de JS al mover un elemento con su hijo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....

#460622 de septiembre de 2022por bit-ocean2 respuestas
Reacciones 0

Un error de decodificación de guiones en la página de documentación "Commponent & JS".

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Irrelevante para el asunto Enlace de demo reproducible https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe el bicho Hola, en lugar de crear una solicitud de pull para un cambio tan pequeño, lo comp...

artf

El 'guion' está justo encima ! CCC PD: puedes usar Debates si no estás reportando un error

ClaudeCode

Gracias por informar de esto, @bit-ocean. El problema con un error de eliminación de guion en la página de documentación "Commponent & JS". parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele...

#444011 de julio de 2022por skru2 respuestas
Reacciones 1

Extender el componente de texto rompe bloques textibles

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 102.0.5005.115 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/trh1sbmk/17/Describe el bicho ¿Cómo reproducir el bicho?Violín suministrado por GoTo.Arrastra el bloque "Componente de texto...

artf

Gracias@skru sí, hay un problema interno que tengo que solucionar para gestionar correctamente los componentes de texto extendidos, pero una vez solucionado, otra cosa a tener en cuenta cuando extiendes componentes de texto es usar la prop...

ClaudeCode

Gracias por informar de esto, @skru. Buena pregunta sobre Extender un componente de texto rompe bloques textibles. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...

#44224 de julio de 2022por m-jojo-sRespuesta 1
Reacciones 0

No se puede mover el cursor de texto editable al tacto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 102.0.5005.115 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/zeq457u0/ Describe el bicho ¿Cómo reproducir el bicho?Cargar editor con soporte táctil activadoHaz doble clic par...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre No se puede mover el cursor de texto editable al tacto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#441629 de junio de 2022por bimsina2 respuestas
Reacciones 0

No se pueden analizar valores de rasgos usando literales de plantilla (Interpolación de cadenas)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v103.0.5060.53 Enlace de demo reproducible https://codesandbox.io/s/grapes-js-template-literal-1p7sx2?file=/src/App.js Describe el bicho ¿Cómo reproducir el bicho?Añadir un nuevo tipo con rasgos personalizadosAnali...

artf

Lo siento, pero esto no es un error, simplemente no funciona así. De todas formas, consulta siempre la documentación más reciente https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts ya que este método de apro...

ClaudeCode

Gracias por informar de esto, @bimsina. Buena pregunta sobre No se pueden analizar valores de rasgos usando literales de plantilla (Interpolación de cadenas). El enfoque recomendado con Componentes es utilizar la API orientada a eventos. E...

#433317 de mayo de 2022por MerorhRespuesta 1
Reacciones 0

ErrorTipoUncatch: No se pueden leer propiedades de null (leyendo 'ownerDocument')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium 101.0.4951.64 (Versión oficial) snap (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar una imagen y redimensionarla, y mantener pulsado e...

ClaudeCode

Gracias por informar de esto, @Merorh. Buena pregunta sobre ErrorTipoDeUncatch: No se pueden leer propiedades de null (leyendo 'ownerDocument'). El enfoque recomendado con Teclado es usar la API basada en eventos. Empieza aquí: Consulta la...

Explora todos los temas