Problemas con GrapesJS

boomshakar

@boomshakar por favor, no conviertas las discusiones en temas Anotado. Gracias

boomshakar

Hola @artf, Pude conseguir lo que quería activando click() en el propio botón, const modal = editar. modal; const query = nuevas URLSearchParams(location.search); const uploadQuery = query.get('key'); if (uploadQuery === 'upload-code') { c...

artf

@boomshakar por favor, no conviertas las discusiones en temas

bit-ocean

Hola @artf ¿Hay alguna posibilidad de que esta función reciba algo de atención? Me parece fundamental. Se ha añadido muchísima funcionalidad excelente a grapesjs desde la 0.17.29 (la última que soporta el plugin grapesjs-style-bg) y me enc...

Vac1911

Puedes usar la entrada de color de fondo para un color de imagen, pero la interfaz se ve confusa y debería cambiarse. ! imagen

artf

Sí, desactivé el plugin anterior con color/degradados porque no es compatible con las últimas versiones, pero pronto trabajaré en ello. Por ahora, cierro este asunto porque no tiene nada que ver con el núcleo en sí.

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

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

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

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

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

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

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

artf

Hola @shelendravashishtha2 ¿podrías indicar los pasos exactos (necesito saber a qué te refieres el 'json')?

JonathanRiche

He visto que esto también ocurre si no guardas una referencia en el CSS antes de usar el método editor.setComponents() Todo el marcado CSS del selector/referencia de elements id se elimina al usar el método editor.setComponents() Los pasos...

JonathanRiche

Creo que encontré el problema en mi parte usando editor.getComponents().toJSON(); añade un campo vacío "style":"" a algunos componentes que está limpiando su CSS es "componentes": [ { "tipo": "caja", "estilo": "", "atributos": { "id": "ic7...