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 877

🔍 question
#42477 de abril de 2022por gustavohleal2 respuestas
Reacciones 0

Componentes que desaparecen o no se renderizan al clonar, mover o añadir

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de una columnaSelecciona la columnaHaz clic en el botón de copiar en la barra d...

artf

Lo siento, pero demo-mjml es un plugin y no está directamente relacionado con el núcleo. No veo problemas con el renderizador por defecto de componentes que puedan estar relacionados con el renderizador mjml de componentes y no tengo motiv...

ClaudeCode

Gracias por informar de esto, @gustavohleal. Buena pregunta sobre componentes que desaparecen o no se renderizan al clonar, mover o añadir. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta l...

#42426 de abril de 2022por miladmeidanshahi2 respuestas
Reacciones 0

Establecer nombre para la página no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://jsfiddle.net/9rt1xm6p/ Describe el bicho ¿Cómo reproducir el bicho? Añadir página en el Administrador de páginas y establecer el nombre. ¿Cuál es el comportamiento esperado?...

artf

Las propiedades no se colocan directamente en las instancias. Puedes usar 'page.getName()' para obtener la propiedad de nombre.

ClaudeCode

Gracias por informar de esto, @miladmeidanshahi. Buena pregunta sobre Poner nombre para página no funciona. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...

#42405 de abril de 2022por varadero3 respuestas
Reacciones 1

"index.d.ts no es un módulo" en 0.18.4 cuando se importa grapesjs con "importar * como uvapesjs de 'grapesjs';"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible Sin enlace Describe el bicho ¿Cómo reproducir el bicho?Estaba usando grapesjs 0.18.2 en mi clase angular de mecanografia, importada así: 'importar como uvapesjs de 'grapesjs';'Actuali...

artf

Debería arreglarse aquí https://github.com/artf/grapesjs/pull/4216 Supongo que deberías desactivar TS para la versión actual.

aharishsundhar

@artf estoy usando la última versión de grapesj ^0.18.4 Instalo NPM GrapesJS para ejecutarlo, su error está en index.d.ts archivo. ¿Puedes actualizar el problema, por favor? Instalación de NPM: ! Captura de pantalla del 03-06-2022 12-12-01...

ClaudeCode

Gracias por informar de esto, @varadero. Buena pregunta sobre *"index.d.ts no es un módulo" en la versión 0.18.4 cuando se importa grapesjs con "importar como uvapesjs de 'grapesjs';" . El enfoque recomendado con ProseMirror es usar la API...

#42395 de abril de 2022por codingaddictedRespuesta 1
Reacciones 0

En el modo componente first, la sincronización solo funciona la primera vez en la retroalimentación de la interfaz

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque de textoAplicar un estilo al bloque (color de texto)Crear una clase y sincronizar el valor...

ClaudeCode

Gracias por informar de esto, @codingaddicted. Buena pregunta sobre en modo componente primero, la sincronización solo funciona la primera vez con feedback de la interfaz. El enfoque recomendado con StyleManager es usar la API orientada a...

#42364 de abril de 2022por m-jojo-sRespuesta 1
Reacciones 0

El comando paste no respeta las propiedades arrastrables/soltables

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de "Tabulaciones"Copiar una tabulación del c...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre paste command no respeta propiedades arrastrables/soltables. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#42332 de abril de 2022por clonefunnelsRespuesta 1
Reacciones 0

Insertar estilos desde StyleManager con !importante roto

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/q7cxvpf5/1/ Describe el bicho Cuando uso este código, deja de funcionar tras un cambio de div y ya no acepta más cambios de estilo en ningún otro div: editor.on('sty...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con insertar estilos de StyleManager con !importante roto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

#422530 de marzo de 2022por Sudhin354 respuestas
Reacciones 0

ERROR: El plugin de Facebook no funciona en el js de uvas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible No está ahíDescribe el bicho ¿Cómo reproducir el bicho?Instalar el Grapes js en la app React y ejecutarloCrea los componentes del plugin de Facebook e importalos en Grapes Js (consigue e...

Sudhin35

@artf Por favor, ayúdame con esto

artf

No veo ningún problema cuando ejecuto 'editor.setComponents(... FB HTML..)` ! Schermata 2022-03-30 alle 16 30 46 Por favor, proporcione una demo reproducible.

Sudhin35

@artf Gracias por la respuesta pero has añadido editor.setComponents(... FB HTML..) por defecto y luego cargó el editor Por favor, crea un componente de FB HTML y arrastra y suelta el componente en el editor, no cargará Así lo he intentado

#421325 de marzo de 2022por confettidc2 respuestas
Reacciones 0

Botones RTE súper grandes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 98.0.2 (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Solo tienes que ir al sitio de demostración usando Firefox ¿Cuál es el comportamiento espera...

artf

Esto ya se solucionó aquí https://github.com/artf/grapesjs/issues/4176 y estará disponible en la próxima versión.

ClaudeCode

Gracias por informar de esto, @confettidc. Buena pregunta sobre botones RTE súper grandes. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específi...

#420822 de marzo de 2022por ronaldohoch4 respuestas
Reacciones 2

Error de estado de clic de estilo en todos los elementos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safari Last. Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Tengo un vídeo: https://www.loom.com/share/508e91098bf247bd93d525f2e...

artf

Gracias por el informe @ronaldohoch Esto se corregirá en la próxima versión.

ronaldohoch

@artf funcionado! Gracias 😊

ronaldohoch

@artf no pude ejecutarlo localmente porque varios exámenes no aprobaron, ¿te pasa a ti también? ¿Puedo intentar arreglarlos? Por ejemplo: ! imagen

#419615 de marzo de 2022por shelendravashishtha24 respuestas
Reacciones 0

El IDS cambia al intentar configurar componentes en el lienzo usando json

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho ¿Cómo reproducir el bicho?... Usa un JSON de demostración que pueda generar algún componente en el lienzo, establece un ID en atributos ... usa editor.setCom...

artf

Hola @shelendravashishtha2 ¿podrías indicar los pasos exactos (necesito saber a qué te refieres el 'json')?

JonathanRiche

He visto que esto también ocurre si no guardas una referencia en el CSS antes de usar el método editor.setComponents() Todo el marcado CSS del selector/referencia de elements id se elimina al usar el método editor.setComponents() Los pasos...

JonathanRiche

Creo que encontré el problema en mi parte usando editor.getComponents().toJSON(); añade un campo vacío "style":"" a algunos componentes que está limpiando su CSS es "componentes": [ { "tipo": "caja", "estilo": "", "atributos": { "id": "ic7...

Explora todos los temas