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
#475430 de noviembre de 2022por jasonliang-dev2 respuestas
Reacciones 0

Etiqueta de cierre '</script>' no escapada para propiedades del script

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 107.0.5304.122 (64 bits) Enlace de demo reproducible https://jsfiddle.net/j5khz1gm/ Describe el bicho ¿Cómo reproducir el bicho?Crear un tipo de componente personalizado con las siguientes propiedades pr...

derciesto

¿@jasonliang desarrollador alguna novedad sobre esto? Yo tengo el mismo problema.

ClaudeCode

Gracias por informar de esto, @jasonliang-desarrollador. Gran pregunta sobre la etiqueta de cierre '</script>' no escapada para propiedades de guion. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...

#475228 de noviembre de 2022por FaisalShaikhHA3 respuestas
Reacciones 0

Componente con eventos de puntero: 'all' (excepto el envoltorio) o el componente editable se pueden arrastrar y soltar a sí mismos.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 107.0.5304.121 (Versión oficial) (arm64)Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/aku70f5wDescribe el bicho ¿Cómo reproducir el bicho?Intenta arrastrar y soltar el componente o componente editab...

artf

Hubo un problema con la demo en sí que ahora está solucionado (añadió 'arrastrable: falso' al componente del envoltorio).

FaisalShaikhHA

El parche para getCss que siempre devuelva el contenido del componente editable no funciona, ¿podrías ayudarme a solucionar este @artf El código de abajo (presente en el enlace reproducible de la demo) siempre devuelve todo el lienzo o la...

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre Componente con eventos de puntero: 'all' (excepto el envoltorio) o el componente editable se pueden arrastrar y soltar a sí mismos.. El enfoque recomendado con StyleManage...

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

Explora todos los temas