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
#474423 de noviembre de 2022por ronaldohoch2 respuestas
Reacciones 0

Transformar, escalar y rotar no funcionan bien.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de BraveEnlace de demo reproducible https://jsfiddle.net/ptzavm1b/Describe el bicho ¿Cómo reproducir el bicho?Haz clic en un elementoIntenta añadir este estilo css usando la interfaz de StyleManager: 'transform:scal...

artf

Ya deberías poder conseguir el mismo efecto con la propiedad de transformación por defecto, la personalizada no está completa. Intenta consultar la configuración completa aquí. En caso de que quieras actualizar propiedades, deberías poder...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. ¡Gran sugerencia sobre Transformar escalar y rotar no funciona bien.! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Us...

#474323 de noviembre de 2022por JonathanRicheRespuesta 1
Reacciones 0

La propiedad stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs

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) Enlace de demo reproducible https://jsfiddle.net/jonrobert/2gLdur9c/3/ Describe el bicho ¿Cómo reproducir el bicho?Modificar la propiedad stylePrefix en cualquiera de las...

ClaudeCode

Gracias por informar de esto, @JonathanRiche. Buena pregunta sobre que la propiedad de stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs. El enfoque recomendado con StyleManager es usar la API orientada a even...

#473920 de noviembre de 2022por hemaltandel12 respuestas
Reacciones 0

Nombre de la clase CSS con '/' convertido a '-'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Edge Versión 107.0.1418.52 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.tsDescribe el bicho ¿Cómo reproducir el bicho?Crear una nueva app...

artf

Aún deberías poder usar la opción 'escapeName' '''js selectorManager: { escapeName: valor => valor }, ```

ClaudeCode

Gracias por informar de esto, @hemaltandel1. Buena pregunta sobre el nombre de la clase css con '/' convertido en '-'. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJ...

#473517 de noviembre de 2022por vaneatka3 respuestas
Reacciones 0

Mismatch de tipos resetId

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? N/D Enlace de demo reproducible N/D Describe el bicho ¿Cómo reproducir el bicho?. Ve a https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1839.. Ve a https://github.com/artf/grapesjs/blob/dev...

artf

Este primero es el método de componentes, el segundo es la propiedad de bloque (usada aquí)

vaneatka

la razón por la que abrí este número es que el método no es visible. ¿Quizá sea necesario hacer una nueva entrada para la declaración de método en los tipos? como para el setId /*Establecer un nuevo id en el componente / setId(id: cadena):...

ClaudeCode

Gracias por informar de esto, @vaneatka. Buena pregunta sobre la desadaptación de tipos de resetId. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mó...

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

#47199 de noviembre de 2022por ronaldohochRespuesta 1
Reacciones 0

Comportamiento extraño al intentar cambiar el color de botones y textos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproducible https://jsfiddle.net/qsd9zjrc/ Describe el bicho ¿Cómo reproducir el bicho?Abrir el enlace (https://jsfiddle.net/qsd9zjrc/)Intenta cambiar el color del textoIntenta cambiar el...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre Comportamiento extraño al intentar cambiar el color de botones y textos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la...

#47042 de noviembre de 2022por PaulSchultRespuesta 1
Reacciones 0

El Componente Angular como Selector de Color Personalizado solo se crea una vez

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 104.0.5112.101 Enlace de demo reproducible https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe el bicho ¿Cómo reproducir el bicho?Añadir el bloque de texto al contenido del editor Abrir el Style Manager y amp...

ClaudeCode

Gracias por informar de esto, @PaulSchult. ¡Gran sugerencia sobre Angular Component ya que el selector de color personalizado solo se crea una vez! Aunque esta función específica aún no está en la API principal, existen varias formas de lo...

#469931 de octubre de 2022por DhanaDSP11202 respuestas
Reacciones 0

Deshacer no funciona correctamente en Insertar HTML en el bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v107 Enlace de demo reproducible https://jsfiddle.net/4vacxuw2/2/ Describe el bicho He añadido una barra de herramientas personalizada para insertar valor en la posición actual a través de las opciones de rte.inser...

artf

Hola @DhanaDSP1120 sí, desafortunadamente eso es lo que se espera de 'rte.insertHTML' porque utiliza una inserción personalizada. Si necesitas preservar la pila de deshacer de edición nativa, puedes usar esta API '''js rte.exec('insertHTML...

ClaudeCode

Gracias por informar de esto, @DhanaDSP1120. El problema de que Deshacer no funcione correctamente en InsertHTML en el bloque de texto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

#468222 de octubre de 2022por nabtron4 respuestas
Reacciones 0

Módulo no encontrado: Error: No se pueden resolver 'utils/mixins'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 106Enlace de demo reproducible localhostDescribe el bicho Actualicé mi proyecto que contenía grapesjs, pero ahora me sale este error: Cuando ejecuto mi proyecto, me aparece este error: Esto es lo que tiene Top 2 Line...

artf

No deberías intentar compilar el código fuente de grapesjs porque el código fuente podría contener contenido relacionado con bundlers (como mencionas, no es un paquete externo).

nabtron

@artf no deberías intentar cerrar tickets sin leerlos antes. Si lees el número, verás que mencioné que cuando lo "actualicé" lo actualicé usando npm i cambiando la versión de grapesjs en package.json a la última versión. El código se rompe...

artf

Sí, entiendo que simplemente has actualizado la versión, pero parece que estás intentando leer el código fuente del paquete grapesjs, lo cual es incorrecto (probablemente en el futuro, incluso eliminarán la carpeta 'src').

Explora todos los temas