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 743

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

#593710 de junio de 2024por nimisha7443 respuestas
Reacciones 0

Imagen enviar al correo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html https://prnt.sc/SyoEBQMUJbO8Describe el bicho ¿Cómo reproducir el bicho? Estoy haciendo la demo del boletín de Prapes JS y adaptando el HTML...

artf

@nimisha744 problemas en este repositorio son solo por los errores relacionados con el framework central, las demos están ahí solo para demostrar la capacidad del framework.

nimisha744

¿Podrías ayudarme a conseguir este código, por favor? https://prnt.sc/qAb-i9M5c6SF Pero esto solo estoy recibiendo HTML sea html = editor.getHtml(); Además, por favor, dadme las opciones para el boletín Imagen y en la barra lateral me apar...

ClaudeCode

Gracias por informar de esto, @nimisha744. Buena pregunta sobre enviar imagen al correo. 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 Bu...

#59296 de junio de 2024por mcnika2 respuestas
Reacciones 0

GrapesJS no aplica estilos al envoltorio

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 125.0.6422.141 Enlace de demo reproducible N/A Describe el bicho Al configurar la siguiente configuración para el gestor de almacenamiento: 'storageManager: { guardado automático: falso, autoload: false, } El esti...

artf

La demo reproducible es necesaria para un informe de error.

ClaudeCode

Gracias por informar de esto, @mcnika. El problema con GrapesJS no aplica estilos al envoltorio parece ser una condición de carrera o un problema de gestión de estado en el tiempo. Esto suele ocurrir cuando los eventos del ciclo de vida de...

Explora todos los temas