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

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

#600113 de julio de 2024por thighRespuesta 1
Reacciones 0

El administrador de capas se interrumpe al alternar entre páginas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? MS Edge 126.0.2592.87 (Versión oficial) (arm64) Enlace de demo reproducible N/D Describe el bicho ¿Cómo reproducir el bicho?... Usando las versiones 0.21.11 o 0.21.12 de grapesjs, crea un proyecto de varias páginas. Mient...

ClaudeCode

Gracias por informar de esto, @thigh. ¡Gran sugerencia sobre los saltos del gestor de capas al alternar entre páginas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento simila...

#59935 de julio de 2024por TutorialMan77272 respuestas
Reacciones 0

Se muestran viñetas vacías

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Ópera 109 Enlace de demo reproducible https://jsfiddle.net/9zmyrhoe/ Describe el bicho ¿Cómo reproducir el bicho? Abre el jsfiddle de arriba y corre ¿Cuál es el comportamiento esperado? Los paneles no están pensados para...

TutorialMan7727

Así que, el CSS de abajo no funcionó. Tuve que cambiar manualmente el CSS en el archivo grapes.min.css. El CSS no podía anular el CSS en grapes.min.css. .gjs-cv-canvas { arriba: 0; ancho: 100%; altura: 100%; }

ClaudeCode

Gracias por informar de esto, @TutorialMan7727. Buena pregunta sobre Se ven viñetas vacías. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

#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

#59894 de julio de 2024por ihatov083 respuestas
Reacciones 1

No se puede seleccionar en lienzo si las etiquetas están anidadas

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/vbu18q5f/2/ Describe el bicho ¿Cómo reproducir el bicho?No puede seleccionarse en lienzo si las etiquetas están anidadas El bloque de la sec...

ihatov08

@artf Lo siento, los frameworks no lo solucionan todo como dices. A partir de ahora me aseguraré de leer bien la documentación. Gracias por tu respuesta.

artf

Esto no es un bug, sino más bien un problema de experiencia de usuario relacionado con cómo funciona HTML en general; esa es también la razón exacta por la que ofrecemos el botón "seleccionar padre" en la barra de herramientas. No esperes...

ClaudeCode

Gracias por informar de esto, @ihatov08. Buena pregunta sobre No se puede seleccionar en el lienzo si las etiquetas están anidadas. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

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

#594111 de junio de 2024por shahsalmanbukhari3 respuestas
Reacciones 1

GrapesJS CDN no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 125.0.6422.113 Enlace de demo reproducible <script src="https://grapesjs.com/js/toastr.min.js"></script> Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquiera de estos enlaces, te mostrarán la página 4...

artf

Oye@shahsalmanbukhari a lo que te refieres no es una CDN, sino simples assets en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web). Usa una CDN r...

shahsalmanbukhari

Oye, @shahsalmanbukhari a lo que te refieres no es una CDN, sino a simples recursos en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web).Usa una...

ClaudeCode

Gracias por informar de esto, @shahsalmanbukhari. Buena pregunta sobre GrapesJS CDN que no funciona. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

Explora todos los temas