PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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
questionkeyboardbugtypescript

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.

GJS Helper

El problema que estás encontrando proviene de una diferencia fundamental en cómo el editor de texto enriquecido (RTE) por defecto de GrapesJSy CKEditor gestionan las personalizaciones de la barra de herramientas. Cuando activas grapesjs-pl...

Ver detalles
#49208 de febrero de 2023por c9a23342 respuestas
Reacciones 0
questionbugkeyboard

Missed localization keys for de locale

Versión GrapesJS [X] Confirmo que hay que 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 grapesjs/src/i18n/locale/de.jsUsa esto como lo...

artf

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

GJSBlock

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

Ver detalles
#484715 de enero de 2023por wunksert3 respuestas
Reacciones 0
questioncanvasbugstyle-managerkeyboard

Css edits aren't persisted to the 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...

GJSBlock

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

Ver detalles
#47717 de diciembre de 2022por henry-mmw3 respuestas
Reacciones 0
bugquestioncanvasstyle-managerkeyboard

GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.

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í

GJSBlock

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

Ver detalles
#460723 de septiembre de 2022por RomanGlazkov2 respuestas
Reacciones 0
questionbugenhancementkeyboardtypescript

JS error when moving an element with its child

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.

GJSBlock

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

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

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

GJSBlock

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

Ver detalles
#444011 de julio de 2022por skru2 respuestas
Reacciones 1
questioncomponentsbugkeyboardtypescript

Extending text component breaks textable blocks

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

GJSBlock

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

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

Unable to move editable text cursor on touch

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

GJSBlock

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

Ver detalles
#441629 de junio de 2022por bimsina2 respuestas
Reacciones 0
questioncomponentsbugkeyboardtypescript

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

GJSBlock

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

Ver detalles
#433317 de mayo de 2022por MerorhRespuesta 1
Reacciones 0
bugquestionkeyboardtypescript

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

GJSBlock

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

Ver detalles

Explora todos los temas