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
#546413 de octubre de 2023por MaulikAarrsol2 respuestas
Reacciones 0
questionbugstyle-manager

Varias páginas en la importación de CSS no se acceden

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.152 Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?... Páginas de grapesjs Página múltiple en la importación de CSS no acceso... Importar CSS no está funcionando ¿Cuál es el c...

artf

Por favor, sigue correctamente la plantilla de problemas de errorSi no indicas una demo reproducible con pasos relativos para reproducir el error, el problema podría estar CERRADO.

ClaudeCode

Gracias por informar de esto, @MaulikAarrsol. Buena pregunta sobre múltiples páginas en importar CSS no está accediendo. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#546012 de octubre de 2023por mapsmarketing4 respuestas
Reacciones 1
questionstyle-managerdocumentationcomponentsbug

Cargando 'component' y 'styles' desde 'pageManager'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v117.0.5938.149Enlace de demo reproducible https://jsfiddle.net/9oLrsvya/Describe el bicho ¿Cómo reproducir el bicho?Por favor, consulte el objeto 'pageManager' en el jsfiddle ¿Cuál es el comportamiento esperado? Con...

mapsmarketing

Una cosa molesta es que el editor está preinstalando los estilos predeterminados que aparecen a continuación, que al guardar los estilos tienen numerosos duplicados: Edito: Mirando la documentación finalmente conseguí encontrar 'protectedC...

artf

Hola @mapsmarketing actualmente GrapesJS no puede importar correctamente documentos HTML como cadena, así que el analizador salta elementos como 'html', 'head', 'body' y solo devuelve lo que está analizado dentro del 'body'; una solución q...

mapsmarketing

Hola @artf, He encontrado una forma de conseguir correctamente los atributos del 'cuerpo' junto con los estilos guardados mediante el siguiente método: He notado que tu Page.toJSON muestra todo lo de la página especificada. Sin embargo, no...

Ver detalles
#545711 de octubre de 2023por boardmain4 respuestas
Reacciones 3
style-managercomponentsbugquestiontypescript

Editor congelado en loadProjectData 0.21.7

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0 Enlace de demo reproducible localhost Describe el bicho grapesjs": "^0.21.7", editor.loadProjectData({ "activos": [], "estilos": [], "páginas": [{ "componente": "<div>PRUEBA PRUEBA</div>" }] }) Congelación de...

antoinematyja

Hola, me encontré con el mismo problema usando Vue 3 y usando una 'ref' de Vue para almacenar el editor. Aunque no estoy seguro de si es buena idea. Una reproducción de código sería algo así: Solución: no uses un 'árbitro' 😅

artf

¿Puedes ofrecer una demo reproducible? He probado tu ejemplo y no veo ninguna congelación...

boardmain

Probé con la última versión 21.7 Intento ponerlo en línea, pero acabo de pegar HTML desde un comando personalizado, el código fuente está pegado, pero después el editor se congela (necesito cerrar la página). por ejemplo ~~~ btnImp.onclick...

Ver detalles
#545010 de octubre de 2023por ChiragS-Prajapati2 respuestas
Reacciones 0
style-managerbugquestiondocumentationcanvas

La sección debería ser un problema que se solapa presente en las uvas js

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 117.0.5938.134 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/ap404703/0e5zop1n/ Describe el bicho Ejemplo como abajo Archivo de uvas Js :- Inicializar GrapesJS const editor = grapesj...

artf

@ChiragS-Prajapati tienes que usar propiedades de componentes arrastrables/soltables para controlar dónde se pueden arrastrar componentes y cuáles pueden dejarse caer dentro.

ClaudeCode

Gracias por informar de esto, @ChiragS-Prajapati. El problema con Section debería ser un problema solapado presente en las uvas js parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurri...

Ver detalles
#54413 de octubre de 2023por padcom2 respuestas
Reacciones 0
canvasstyle-managerbugcomponentsenhancement

No hay id para que los elementos no tengan estilos sino con 'script', lo que hace que el script no se ejecute para esos elementos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe el bicho Al crear componentes personalizados de GrapesJS, si esos componentes tienen el 'script()' (co...

artf

El problema se debe al uso de 'jsInHtml: false' y a cómo se gestiona el generador JS interno. Intentaré arreglarlo para la próxima entrega.

ClaudeCode

Gracias por informar de esto, @padcom. El problema de No identificar elementos que no tienen estilos sino 'script', que hace que el script no se ejecute para esos elementos, parece ser una condición de carrera o un problema de temporizació...

Ver detalles
#543229 de septiembre de 2023por mahmudzRespuesta 1
Reacciones 0
questionbugstyle-managertypescript

Las clases md:w-3 responsivas de TailwindCSS se convierten a md:w-3

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.132 Enlace de demo reproducible https://jsfiddle.net/bx8rtseh/2/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gestor remoto de tiendasCargar algo de html con clases tailwindCSS Ejemplo '''ht...

ClaudeCode

Gracias por informar de esto, @mahmudz. Buena pregunta sobre TailwindCSS que las clases md:w-3 respondientes se convierten a md:w-3. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

Ver detalles
#542526 de septiembre de 2023por javadsamiee2 respuestas
Reacciones 2
questionstyle-managercomponentsbugtypescript

Al añadir una página similar, solo cambian los identificadores de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 117 Enlace de demo reproducible https://jsfiddle.net/mirjavad/ctsx7zer/5/ Describe el bicho Quería crear una acción de clon para una página y noté este error. ¿Cómo reproducir el bicho?Crear varias páginas con el mismo ID...

artf

Buen detalle @javadsamiee se corregirá en la próxima versión

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre Cuando añadir una página similar solo cambiarán los identificadores de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...

Ver detalles
#542426 de septiembre de 2023por bgrand-ch2 respuestas
Reacciones 1
questioncomponentsbugstyle-managertypescript

El evento 'component:styleUpdate' no se activa

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 116.0.5845.187Enlace de demo reproducible https://jsfiddle.net/yLcvbwjd/Describe el bicho ¿Cómo reproducir el bicho?Añadir el evento 'component:styleUpdate'Actualizar el estilo de un componente con 'addStyle' o 'setS...

bgrand-ch

@artf ❤️

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre 'component:styleUpdate' que el evento no se activa. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grape...

Ver detalles
#540821 de septiembre de 2023por quentin-bettoum3 respuestas
Reacciones 0
style-managerbugquestiondocumentation

Main.scss falta en la 0.21.6

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 118 Enlace de demo reproducible ninguno Describe el bicho Hola, Tengo GrapesJS temático siguiendo las instrucciones del documento aquí: https://grapesjs.com/docs/getting-started.html#theming Pero con la 0.21.6, ya...

joukhar

Sí, falta la carpeta 'src'

artf

El mismo problema que https://github.com/GrapesJS/grapesjs/issues/5392

ClaudeCode

Gracias por informar de esto, @quentin-bettoum. El problema con main.scss que falta en la 0.21.6 parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de v...

Ver detalles
#538112 de septiembre de 2023por sammrafiRespuesta 1
Reacciones 0
questionstyle-managerbug

CSS duplicado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 116.0.5845.187 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/bw4Lxp6c/ Describe el bicho ¿Cómo reproducir el bicho? Cuando añado una columna, genera CSS duplicado en @media (ancho máximo: 76...

ClaudeCode

Gracias por informar de esto, @sammrafi. Buena pregunta sobre CSS duplicado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el m...

Ver detalles

Explora todos los temas