Problemas con GrapesJS

skru

véase #4473

artf

Arreglado aquí https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6

ClaudeCode

Gracias por informar de esto, @bimsina. Buena pregunta sobre Correr en modo sin cabeza requiere ventana. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

bovealexandre

Así que la función de añadir está arreglada, hubo un error con los datos que envié, pero aún no entiendo por qué el CSS de Tailwind no se aplica a pesar de que está en las etiquetas de cabeza

artf

¿Estás usando la opción 'config.canvas.styles'? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 ¿Puedes crear una demo reproducible de tu caso de uso?

bovealexandre

Hola @artf desafortunadamente no puedo crear una demo reproducible en CodePen o JSFiddle porque tiene demasiadas cosas y estoy usando tecnologías como nextJS, pero puedo darte acceso al repositorio si lo necesitas, es un repositorio privad...

artf

No estoy seguro de qué está pasando exactamente, pero te sugeriría cambiar al evento 'styleable:change' y pasar sus opciones a 'setStyle', por ejemplo. '''js editor.on("styleable:change", (modelo, prop, opts) => { let component = editor.ge...

ClaudeCode

Gracias por informar de esto, @booellean. Buena pregunta sobre Deshacer el Administrador crea CSS duplicado durante comandos personalizados. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

artf

Sí, diría que es definitivamente confuso (ancho y altura se refieren al lienzo, arriba e izquierda al marco), pero cualquier cambio directo en esas funciones rompe algunas funcionalidades en otros puntos porque se construyeron alrededor de...

ClaudeCode

Gracias por informar de esto, @contentfree. El problema con CanvasView.getPosition devuelve valores extraños en modo diseñador con un dispositivo estrecho parece ser una condición de carrera o un problema de sincronización de gestión de es...

tuongnguyendev

Hola @artf Nuevo bug actualizado desde el #4350 Gracias.

ClaudeCode

Gracias por informar de esto, @tuongnguyendev. Buena pregunta sobre Enlace de error de vista previa de imagen de fondo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

artf

Hola @ronaldohoch el problema aquí es con tu historial de tipos personalizados y la forma en que lo añades no es correcta (uso correcto de la API). El 'addType' es principalmente para añadir nuevas entradas de interfaz; si no necesitas un...

tuongnguyendev

Hola @artf, tengo un problema bastante similar al @ronaldohoch cuando uso la última versión de GrapesJS Vista previa de imagen de fondo mostrar enlace de error Los detalles están en la imagen de abajo: ! Captura de pantalla 2022-06-01 a la...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre El Style Manager no actualiza el segundo plano cuando se selecciona un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: C...

GedMarc

Pero... ¿Añades 2000 elementos de dom con cualquier estilo básico a cualquier página y tendrás lag? Puede que no sea la herramienta, pero ¿cómo se está usando la herramienta? También comprueba la velocidad de renderizado de tu navegador en...

artf

Con el último lanzamiento, que contiene la refactorización del Sorter por @mohamedsalem401, la demo anterior parece funcionar bien ahora 🥳

vizardkill

https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 Tengo el mismo problema, y no creo que sea por el tamaño, estoy usando el PageManager y precargo una plantilla html y al intentar arrastrar nuevos el...

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

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

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