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
#425613 de abril de 2022por m-jojo-s2 respuestas
Reacciones 1

El arrastrar y soltar por toque no funciona

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://jsfiddle.net/bd2kpjwf/ Describe el bicho ¿Cómo reproducir el bicho?Añadir dos componentesAbrir herramientas de desarrollo del na...

artf

El polyfill del plugin táctil solo funcionará si lo cargas con el dispositivo táctil ya activado (intenta usar el demo), así que si activas el dispositivo táctil más adelante no funcionará.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre arrastrar y soltar por tacto no funciona. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#425513 de abril de 2022por am1rb2 respuestas
Reacciones 0

El botón inicial de mover la barra de herramientas no se elimina si configuras la prop arrastrable en falso programático

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v98.0.4758.80Enlace de demo reproducible https://jsfiddle.net/am1rb/3uzkn5t7/8/Describe el bicho ¿Cómo reproducir el bicho?Renderizar un componente sencillo en el lienzoEstablecer arrastrable=falso para el componente...

artf

Sí, la barra de herramientas no es realmente dinámica, así que si necesitas recalcularla, tienes que forzarla manualmente '''js model.set({ arrastrable: false, barra de herramientas: null }) model.initToolbar(); ```

ClaudeCode

Gracias por informar de esto, @am1rb. Buena pregunta sobre El botón inicial de mover la barra de herramientas no se elimina si configuras el prop arrastrable en falso programado. El enfoque recomendado con Canvas es usar la API orientada a...

#425011 de abril de 2022por dinosaurawr2 respuestas
Reacciones 0

Error de tipificación del método init()

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v 100.0.4896.75 Enlace de demo reproducible https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor Describe el bicho ¿Cómo reproducir el bicho?Intenta hacer uvas con index.d.ts ¿Cuál es el comporta...

artf

Gracias @dinosaurawr eso se solucionó aquí https://github.com/artf/grapesjs/pull/4216/files

ClaudeCode

Gracias por informar de esto, @dinosaurawr. ¡Gran sugerencia sobre el error de tipificación del método init()! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usand...

#42498 de abril de 2022por iamqinglong3 respuestas
Reacciones 0

Image src no cambiará en el HTML exportado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Estoy usando externoArrastrar un bloque de imagen al lienzoSeleccionar una imagen del modal personalizadoVe...

m-jojo-s

O bien usar selected.set('src', doc.url) o activar atributos HTML inseguros Consulta #4148

artf

Sí, diría que simplemente deberías cambiar a 'selected.set('src', doc.url)' como ya se ha sugerido.

ClaudeCode

Gracias por informar de esto, @iamqinglong. Buena pregunta sobre image src no cambiará en HTML exportado. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#42487 de abril de 2022por protozoo2 respuestas
Reacciones 0

La interacción de arrastrar y soltar bloques falla dentro de la extensión vscode webview

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? VSCode (WebView dentro de la extensión VSCode) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear una nueva extensión vscode (o usar una que ya tengas)Crear una We...

artf

Hola @protozoo no estoy seguro exactamente de por qué, pero parece que el iframe vscode (probablemente en formato sandbox) bloquea el arrastre y solta nativo de HTML5 (esto es lo que se usa en los bloques). Como esto no está estrictamente...

ClaudeCode

Gracias por informar de esto, @protozoo. Buena pregunta sobre fallos de interacción de arrastrar y soltar bloques dentro de la extensión vscode webview. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aq...

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

Explora todos los temas