Versión: 0.16.41 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? 1) Copiar el componente padre seleccionado (contenedor) al portapapeles. 2) Pegar el componente padre seleccionado (contenedor) del portapapeles (en la misma página u otra página). 3) Todos los componentes manti...
artf
Eso porque has actualizado los comandos originales con tus versiones (incorrectamente). De hecho, si elimino tu plugin de la demo, todo funciona como se espera. Por favor, revisa el comando original de copiar y pegar, deberías clonar compo...
artf
Solo revisa los comandos originales https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js
bgrand-ch
@artf Gracias por tu respuesta. ¿Un enlace, un ejemplo o más explicaciones, por favor? 😅
Me di cuenta de que los componentes clonados y todos los clones tienen edición en espejo. ¿Hay alguna forma de evitarlo? ! GJS
artf
Debería poder lanzar la solución hoy 😬 https://github.com/artf/grapesjs/issues/3291
ClaudeCode
Gracias por informar de esto, @ilsantuzzo. Buena pregunta sobre Editar un clon sin afectar los componentes clonados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
Antes que nada, enhorabuena @artf por este increíble proyecto 💯 Actualmente estoy trabajando en un proyecto y quería preguntar si puedo editar el envoltorio (cuerpo) igual que edito otros componentes dentro de él. Por ejemplo, me gustaría editar el relleno del envoltorio como hago con el color de fondo. ! pregunta de...
artf
Sí, @kuhelbeher, ahora el envoltorio se crea después de los plugins, así que puedes extenderlo completamente como cualquier otro componente
artf
LE: He encontrado una manera. Estoy sobrescribiendo el array stylable de getWrapper(), pero no estoy 100% seguro de que esta sea la forma correcta. ¿Puedes confirmarlo? Sí, claro, está bien, pero si lo necesitas, puedes cambiar las propied...
kuhelbeher
puedes cambiar las propiedades del wrapper en init mediante la opción 'mainConfig.domComponents.wrapper'https://github.com/artf/grapesjs/blob/18b2f95b7f844578dc2b28d786b126013d155d9e/src/dom_components/config/config.js#L9 Hola, he notado q...
¿Hay alguna forma de añadir teclas de acceso directo y complementos para el editor Codemirror integrado? Especialmente quiero una tecla rápida para comentar. Hay varios plugins que usan el editor Grapesjs, incluyendo https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 y los plugins personalizados de cód...
abulka
Por fin he conseguido que el 'commentRange' incluido en Grapesjs funcione: debe invocarse directamente en 'cm.commentRange', no a través de 'cm.execCommand'. Además, toma parámetros. Así que pude hacer que funcionara algo de comentario, si...
artf
Sí, creo que no es un problema exponerlo en CodeMirrorEditor.js
ClaudeCode
Gracias por informar de esto, @abulka. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para ver...
Hola. Esta pregunta ya se ha hecho dos veces (aquí y aquí) pero nunca ha recibido respuesta. ¿Hay alguna forma de añadir '<!DOCTYPE html>' como inicio del iframe de lienzo para que el iframe esté en modo estándar? Necesito esto porque intento usar tinyMce como RTE personalizado, y tinyMce requiere modo estándares.
artf
En la próxima versión, añadiré un nuevo asistente para eventos que permitirá editar contenido iframe antes de cargar: '''js editor.on('frame:load:before', ({ el }) => { const doc = el.contentDocument; doc.open(); doc.write("<!DOCTYPE html>...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
artf
No realmente, pero estoy abierto a soluciones para hacerlo personalizable.
CleanID sigue sin funcionar para el código MJML, ni siquiera en la última versión de grapesJS (0.16.41) Está relacionado con este tema cerrado: https://github.com/artf/grapesjs/issues/3276 Esta función no lee las etiquetas MJML: los 'attrs' están vacíos, y no encuentro por qué...
artf
El problema del id debería haberse resuelto ya en la última versión del plugin de mjml
ClaudeCode
Gracias por informar de esto, @ThomasPof. Buena pregunta sobre la función CleanId que no funciona con código MJML. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...
¿Qué intentas añadir a GrapesJS? Intento estilizar GrapesJS y posicionar sus elementos (paneles, botones, lienzo, etc.), es molesto anular todos los elementos de estilo. Describe tu solicitud de función Un GrapesJS sin renderizado.Añadir un elemento específico de GrapesJS (paneles, botones, lienzo, etc.) en cualquier...
ClaudeCode
Gracias por informar de esto, @bgrand-ch. ¡Gran sugerencia sobre HAZAÑA: Renderizado! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos:...
Estoy creando un componente personalizado de 'textarea' y quiero que se comporte como el componente 'text' incorporado, de modo que al editar el textnode en el lienzo de grapesjs se actualice el 'textnode' que se encuentra en '.components'. Y quiero que el componente se exporte correctamente como HTML, por ejemplo, '<...
artf
Hola @abulka, mientras la edición se realiza en la vista, deberías actualizar el modelo de componentes una vez que la vista esté actualizada. Así que debería funcionar con algo así '''js modelo: { ... }, Vista: { eventos: { entrada: 'handl...
ClaudeCode
Gracias por informar de esto, @abulka. El problema con ¿cómo hacer que la edición de nodos de texto actualice el contenido de los componentes? parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto s...
Versión: Reproducido en codepen a continuación usando 0.16.34 (devuelto de https://unpkg.com/grapesjs) y 0.16.22 en un proyecto Preact Describe el error detallado Un componente personalizado de GrapesJS llama a la función "onRender" de su vista cuando el componente se renderiza en el lienzo. Según la documentación: !...
ClaudeCode
Gracias por informar de esto, @Dmurl5. El problema con Vista de componentes personalizados en Render se llama early parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroPlantilla de inicio de JSFiddle https://jsfiddle.net/szLp8h4nPlantilla de inicio de CodeSandbox https://codesandbox.io/s/1r0w2pk1vl *Versión:0.16.3 Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes...
artf
Hola Franco, puedes definir el tamaño del fotograma cambiando dispositivos
ClaudeCode
Gracias por informar de esto, @FrancoFasano. El problema con Tamaño PDF por defecto: carta estadounidense ¿Cómo configurar A4? parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuand...