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 336

🔍 style-manager
#610231 de agosto de 2024por Alababdiy3 respuestas
Reacciones 5

Rasgos no mostrados tras recargar el editor para un componente personalizado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 91VEnlace de demo reproducible https://jsfiddle.net/8tsj5vpb/Describe el bicho Me estoy encontrando con un problema con GrapesJS donde los rasgos definidos para un componente personalizado no se muestran después de r...

mohamedsalem401

@Alababdiy No pude reproducir el problema usando el enlace proporcionado. Sin embargo, parece que el problema es que GrapesJS no permite añadir ni definir un componente una vez que ha sido inicializado.

mohamedsalem401

Hola @Alababdiy, No pude reproducir el problema que describiste en el JSFiddle.

ClaudeCode

Gracias por informar de esto, @Alababdiy. El problema con Rasgos No Mostrados tras Recargar el Editor de Componente Personalizado parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir...

#609630 de agosto de 2024por kanaihyakumar4 respuestas
Reacciones 2

La caja redimensionable desaparece al volver a seleccionar componentes

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/kanaihyakumar/oedg76nt/ Describe el bicho Descripción Al seleccionar cualquier componente del lienzo, se resalta la caja inferior de redimensionamiento según la conf...

kanaihyakumar

Antes, necesitaba ser más claro sobre los pasos para reproducir el problema. Aquí están los pasos más precisos para resolver el problema. Pasos para reproducir el problema:Haz clic directamente en la sección.Observa las opciones de tamaño...

kanaihyakumar

Créeme, tuve suerte de poder encontrar este comportamiento trágico de hacer clic en diferentes lugares dentro de la sección que se comportaba pero era diferente.

artf

No veo que desaparezca si no es al pulsar el clic, pero eso es de esperar cuando se prepara para arrastrarse

#60519 de agosto de 2024por SAJAD-CH2 respuestas
Reacciones 0

Problema con el plugin

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible asdasd Describe el bicho Estoy teniendo un problema al instalar paquetes de plugins NPM como preset-webpage, preset-newsletter, el archivo CSS falta al instalarlo en ambos cuando reviso...

artf

@SAJAD-CH, por favor, proporciona una demo en directo reproducible (por ejemplo, a través de stackblitz) cuando abras un problema de error

ClaudeCode

Gracias por informar de esto, @SAJAD-CH. El problema con Problema en el plugin parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modifica...

#60396 de agosto de 2024por Gryphonn4 respuestas
Reacciones 3

No se puede establecer el valor de visualización de bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126 Enlace de demo reproducible https://jsfiddle.net/Gryphonn/ob1pznh6/ Describe el bicho ¿Cómo reproducir el bicho?Elige cualquier palabra.Envuélvelo para darle estilo.Mantén esta palabra seleccionada.Ir a la pant...

artf

Sí, el problema está aquí: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267 ¿Tendría sentido añadir una opción nueva como 'inicial' y convertirla en la prede...

danstarns

> Hola @Gryphonn,> intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.bandicam.2024-08-08.21-07-14-667.mp4 Gracias por un informe 🙏 tan detallado Parece que deberíamos manejar mejor la pantalla predet...

danstarns

Hola @Gryphonn, Intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.

#601221 de julio de 2024por aswinkumar863Respuesta 1
Reacciones 0

El valor del número de entrada no se mantiene al usar flechas arriba/abajo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v126 Enlace de demo reproducible https://codepen.io/aswinkumar863/pen/VwJaVYG Describe el bicho ¿Cómo reproducir el bicho?Abre la demo.Haz clic en la sección "Haz clic en mí" dentro del cuerpo del editor.Navega has...

ClaudeCode

Gracias por informar de esto, @aswinkumar863. Buena pregunta sobre El valor del número de entrada no persiste al usar flechas arriba/abajo. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

#59904 de julio de 2024por ihatov084 respuestas
Reacciones 1

Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de demo reproducible https://jsfiddle.net/t06s4oLb/8/ Describe el bicho ¿Cómo reproducir el bicho?Añadir la sección 1 al lienzoAñadir la sección 2 al lienzo bajo la sección 1Retirar...

artf

Deberías evitar poner estilos compartidos en los relacionados con componentes. Consulta esta discusión sobre cómo evitar esto: https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

Como solución temporal, los estilos para cada componente se prefijan con id. '''js importar { html as hero1html, css as hero1css } de './data/hero-1'; importar { html as content1html, css as content1css } desde './data/content-1'; fuentes...

ihatov08

@artf Gracias por tu respuesta. Me gustaría confirmar el #5968

#59842 de julio de 2024por Ju99ernautRespuesta 1
Reacciones 0

" " " están siendo eliminados por RTE

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v123.0.6312.124 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un elemento de textoAbre RTE y escribe una palabraSelecciona la palabra y haz que sea un...

ClaudeCode

Gracias por informar de esto, @Ju99ernaut. Buena pregunta sobre " " que están siendo eliminados por RTE. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#59822 de julio de 2024por ihatov082 respuestas
Reacciones 1

Se eliminan estilos de componentes como md:flex-row (viento de cola)

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 126.0.6478.127Enlace de demo reproducible https://jsfiddle.net/6m53pwy7/4/Describe el bicho ¿Cómo reproducir el bicho? Estoy buscando usar Tailwind con GrapesJS, pero este framework utiliza Utility First CSS Classes para crea...

artf

Necesitas escapar correctamente del CSS '''js .md\\\:p-18 { acolchonado: 4rem; } ```

ClaudeCode

Gracias por informar de esto, @ihatov08. Buena pregunta sobre estilos de componentes como md:flex-row (viento de cola) eliminados. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docume...

#596925 de junio de 2024por uncldrwRespuesta 1
Reacciones 0

El nombre de @container directiva carece de espacio al exportar CSS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome LTS Enlace de demo reproducible / Describe el bicho He notado que la directiva @container carece de espacio en blanco al exportar el código. Este es el código que proporciono: '''css @container portátil (ancho máxi...

ClaudeCode

Gracias por informar de esto, @uncldrw. El problema con Nombre de @container directiva es que falta un espacio al exportar CSS parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...

#594212 de junio de 2024por adarshsingh1972 respuestas
Reacciones 0

BUg en RichTextEditor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible He dado el código en los problemas Describe el bicho Emisión de pantalla del 24-06-12 15:09:58 IST.webm El problema es que justo después de aplicar cualquier letra en negrita o cursiva,...

artf

Por la demo oficial parece funcionar como se espera, así que supongo que está relacionado con tu lógica personalizada. Por favor, proporcionad una demo mínima y reproducible del número.

ClaudeCode

Gracias por informar de esto, @adarshsingh197. El error error: any) { ocurre cuando ProseMirror intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición común de raza...

Explora todos los temas