PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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 203

🔍 enhancement
#443410 de julio de 2022por Singwai2 respuestas
Reacciones 1

La forma del analizador CSS no permite definir la propiedad CSS más de una vez.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? CualquieraEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho El bicho está relacionado con 'ParserCss.js'. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 El analizador...

artf

Sí, esto es algo que actualmente no soportamos, pero creo que también sería bueno poder manejar esos casos.

GJSBlock

Gracias por informar de esto, @Singwai. El problema con la forma del analizador de CSS no permite definir la propiedad CSS más de una vez. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele...

#438515 de junio de 2022por froodian2 respuestas
Reacciones 0

Index.d.ts dice que los comandos run deberían devolver void, pero la documentación indica que se puede usar su valor de retorno

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://grapesjs.com/docs/modules/Commands.html#stateful-commands Describe el bicho ¿Cómo reproducir el bicho? en una configuración de mecanoscrito, ¿Cuál es el comportamiento espera...

artf

Gracias@froodian los actualizaré

GJSBlock

Gracias por informar de esto, @froodian. Gran sugerencia sobre index.d.ts dice que los comandos run deberían devolver void, pero la documentación dice que su valor de retorno puede usarse. Aunque esta función específica aún no está en la A...

#425011 de abril de 2022por dinosaurawr2 respuestas
Reacciones 0

Init() method typings error

Versión GrapesJS [X] Confirmo que hay que 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 iniciar grapesjs con index.d.ts ¿Cuál es el c...

artf

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

GJSBlock

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

#422530 de marzo de 2022por Sudhin354 respuestas
Reacciones 0

The facebook plugin is not working in the grapes js

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

#409925 de enero de 2022por jloguercio2 respuestas
Reacciones 0

"Usando draggableComponents: false" todavía arrastra (¿clona?) algunos elementos si intento editar texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible https://jsfiddle.net/809enL2w/1/Describe el bicho Yo uso domComponents: { draggableComponents: false }, para evitar arrastrar componentes solo cuando arrastras con la flecha en la barra...

artf

Sí, parece que el D&D nativo de HTML5 sigue funcionando con la selección de texto, intentaré arreglarlo.

GJSBlock

Gracias por informar de esto, @jloguercio. El problema con "Usando draggableComponents: false" sigue arrastrando (¿clonando?) algunos elementos si intento editar texto parece ser una condición de carrera o un problema de gestión de estado....

#40598 de enero de 2022por miladmeidanshahi2 respuestas
Reacciones 1

Selector escape function doesn't support tailwindcss classes

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v97Describe el bicho En la línea https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 la función de escape del selector no permite '/' y '.' por lo que no podemos usar algunas clases...

miladmeidanshahi

Perdona, encontré muy tarde esta configuración https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17

GJSBlock

Gracias por informar de esto, @miladmeidanshahi. El problema con la función de escape del selector no soporta clases tailwindcss parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...

#40588 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

Hyphen changed to " by editor messes up modern coding.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No es necesario - Problema obvioDescribe el bicho Esto es lo que el código necesita ser: data-zanim-lg='{"from":{"opacity":1,"x":70},"to":{"opacity":1,"x":0},"ease":"CubicBezier,"duration":...

artf

Esto no es un error, sino cómo funciona el escape de atributos en HTML. '''js domEl.innerHTML = '<div data-attr='{"key": "value"}'>Text</div>'; domEl.innerHTML; -> '<div data-attr=&quot;{&quot;key&quot;: &quot;value&quot;}&quot;>Text</div>...

GJSBlock

Gracias por informar de esto, @clonefunnels. El problema con Guion cambiado a " por el editor altera la programación moderna. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuan...

#40007 de diciembre de 2021por zachsnoek4 respuestas
Reacciones 0

Pasting a component in root body layer throws TypeError

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?En la demo oficial, navega al gestor de capas y copia cualquier capa con 'cmd+c'Haz clic en la raíz de la c...

artf

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

zachsnoek

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

GuiMoraesDev

Chicos, estoy pasando por un problema similar Para mí, el error ocurre en FileUploader ! [Captura de pantalla del 16-12-2021 17-10-32] (https://user-images.githubusercontent.com/18218319/146442408-edc2621f-ea02-4131-bac6-47dd2ff384c7.png)...

#393913 de noviembre de 2021por xQwexx4 respuestas
Reacciones 0

Disabled drag and drop in preview

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? v95Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261Describe el bicho ¿Cómo reproducir el bicho? Estoy intentando crear un componente personalizado, que con...

artf

Hola @xQwexx ¿cuál sería tu solución en un caso así? Todavía tenemos que mantener el D&D desactivado en la vista previa. ¿También puedes publicar el código de tu componente para entender mejor el caso de uso?

no-response[bot]

Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...

xQwexx

Hola @artf actualicé con una demo, también mi sugerencia sería usar el indicador 'attributes: { draggable: 'true'} si el componente es arrastrable en vista previa y dejar el manejo de arrastre para la plantilla del componente como ' attrib...

#388321 de octubre de 2021por akhalid-devRespuesta 1
Reacciones 0

La funcionalidad de exportación de GrapesJS y la funcionalidad de 'Ver código', y el Canvas no funcionando de manera similar en cuanto a los colores hexadecimales.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Accede a la web: https://grapesjs.com/demo.html.Despejar el lienzo para una demostración más sencilla.Intro...

GJSBlock

Gracias por informar de esto, @akhalid-desarrollador. ¡Gran sugerencia sobre la funcionalidad de exportación de GrapesJS y la funcionalidad de 'Ver código', y que el Canvas no funciona de forma similar en cuanto a los colores hexadecimales...

Explora todos los temas