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 183

🔍 documentation
#49126 de febrero de 2023por lexoyo3 respuestas
Reacciones 1

Enlaces rotos en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible no Describe el bicho Desde el cambio de artf a GrapesJS, creo que muchos enlaces siguen al repositorio original https://github.com/GrapesJS/grapesjs/search?q=artf ¿Debería intentar r...

lexoyo

Hice un récord personal, espero no haberme perdido nada, tuve que probar casi todos los enlaces

artf

Creo que algunas cosas están redirigiendo, pero otras pueden estar rotas, agradecería un departamento de relaciones públicas si alguien está dispuesto a ayudar 🙏

ClaudeCode

Gracias por informar de esto, @lexoyo. El problema con enlaces rotos en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los...

#486121 de enero de 2023por edenizk3 respuestas
Reacciones 1

<br/> se está sumando al texto de una sola línea, tras introducir espacio por primera vez en Firefox

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/8rm5wv2y/1/ Describe el bicho ¿Cómo reproducir el bicho?Página de ejemplo abierta en Firefox (no tiene modificaciones)Haz clic en mostrar código, verás que no hay n...

artf

Desafortunadamente, esto no tiene que ver con grapesjs en sí, sino con cómo Firefox gestiona el texto editable. Supongo que una opción sería cambiar a un editor de texto enriquecido personalizado que no dependa del comportamiento nativo.

edenizk

Gracias por tu respuesta 🙂

ClaudeCode

Gracias por informar de esto, @edenizk. Buena pregunta sobre <br/> que se añade a texto de una sola línea, después de introducir espacio por primera vez en Firefox. El enfoque recomendado con ProseMirror es usar la API orientada a eventos....

#47652 de diciembre de 2022por wunksert4 respuestas
Reacciones 3

La forma documentada de analizar @keyframes no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v107Describe el bicho ¿Cómo reproducir el bicho?Sigue estas instrucciones aquí para crear tu propio analizador CSS e introduce una cadena de reglas CSS @keyframes. Usé el analizador de publicaciones preconstruido aqu...

artf

Hola @wunksert hubo un problema relacionado con los fotogramas clave aquí que ya estaba solucionado pero aún no se había lanzado.

artf

La solución está disponible en la última versión https://github.com/artf/grapesjs/releases/tag/v0.20.2

wunksert

@artf genial! ¿Sabes cuándo será el lanzamiento?

#473217 de noviembre de 2022por Rilvatore4 respuestas
Reacciones 0

Comportamiento de las tabulaciones tras la importación de HTML

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 107 (MacOS) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar el bloque Tabs en el contenido del editorHaz clic en el botón "importar" en la p...

artf

Esto no tiene que ver con el núcleo, sino más bien con el plugin Tab, que por defecto no se puede reimportar.

Rilvatore

¡Eh! Muchas gracias por la respuesta. De hecho, los problemas parecen venir del código de reimportación y del gestor de la tienda, que no actualiza la parte JSON del código. ¿Tendrías alguna forma de echar un vistazo? ¿O deberíamos crear e...

artf

Está relacionado con el plugin Tab porque una vez que imprimes su HTML no hay forma de volver a importarlo. De hecho, puedes extender el Tab component y añadir el método 'isComponent' para que el analizador identifique el componente.

#472712 de noviembre de 2022por dreamsightRespuesta 1
Reacciones 0

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 107.0.5304.107 (Versión oficial) (64 bits) ChromeEnlace de demo reproducible NO HACE FALTA QUE NADIE PUEDA REPRODUCIRSEDescribe el bicho al guardar HTML y CSS, el programa se formatea Convierte CSS es decir, "@keyfr...

ClaudeCode

Gracias por informar de esto, @dreamsight. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modific...

#460622 de septiembre de 2022por bit-ocean2 respuestas
Reacciones 0

Un error de decodificación de guiones en la página de documentación "Commponent & JS".

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Irrelevante para el asunto Enlace de demo reproducible https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe el bicho Hola, en lugar de crear una solicitud de pull para un cambio tan pequeño, lo comp...

artf

El 'guion' está justo encima ! CCC PD: puedes usar Debates si no estás reportando un error

ClaudeCode

Gracias por informar de esto, @bit-ocean. El problema con un error de eliminación de guion en la página de documentación "Commponent & JS". parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele...

#460322 de septiembre de 2022por Akira-Kuru2 respuestas
Reacciones 1

Demo de página web mostrando incorrectamente en Firefox

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 105.0 (64 bits)Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Abrir la página de demostración (https://grapesjs.com/demo.html) en Firefox. ¿Cuál es el comportam...

artf

Sí, gracias, @Akira Kuru solucionó el problema aquí https://github.com/artf/grapesjs-preset-webpage/releases/tag/v1.0.2

ClaudeCode

Gracias por informar de esto, @Akira-Kuru. Buena pregunta sobre Demo de página web que se muestra incorrectamente en Firefox. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación d...

#458814 de septiembre de 2022por wunksert2 respuestas
Reacciones 0

API Docs Enlace de Configuración de Objeto roto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Safari Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho?Visita https://grapesjs.com/docs/api/editor.html#editorHaz clic en "Objeto de configuración"...

artf

Gracias @wunksert el enlace ya está actualizado y se corregirá en la próxima versión

ClaudeCode

Gracias por informar de esto, @wunksert. Buena pregunta sobre API Docs Configuration Object enlace roto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

#457510 de septiembre de 2022por Aventrue3 respuestas
Reacciones 1

Falta el personalizado en el AssetManagerConfig

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Esto es un error de compilación Describe el bicho La propiedad personalizada falta en el AssetManagerConfig. Funciona si uso los grapesjs sin tipificar, pero quiero usarlos con tipos. ¿H...

Singwai

No dudes en actualizar la definición de tipo, aquí tienes un ejemplo de commit. https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

Mi solución alternativa: let assetConfig: grapesjs. AssetManagerConfig = {}; assetConfig["custom"] = { abierto: (utilería) => { this.openGalleryDialog (atrezzo); }, Cerca: (utilería) => { this.dialog.closeAll(); }, };

ClaudeCode

Gracias por informar de esto, @Aventrue. El problema con Personalizado falta en AssetManagerConfig parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...

#451215 de agosto de 2022por mingodad3 respuestas
Reacciones 0

Casi todos los ejemplos de esta página fallan con Grapejs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 103.0.5060.134 (Versión oficial) Compilada en Ubuntu, ejecutándose en Ubuntu 18.04 (64 bits) Enlace de demo reproducible https://alvarotrigo.com/blog/html-css-tabs/ Describe el bicho No cambiar/mostrar el contenid...

mingodad

Después de mirar encontré este https://github.com/artf/grapesjs/issues/2873 de problema cerrado y, basándome en él, hice esto para permitir la casilla de verificación y la radio en modo previsualización: Y ahora al menos la casilla de sele...

artf

Gracias @mingodad he lanzado una nueva versión del plugin de formulario y he añadido soporte para la vista previa.

ClaudeCode

Gracias por informar de esto, @mingodad. El problema con casi todos los ejemplos de esta página que fallan con grapejs parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los ev...

Explora todos los temas