¡Hola! Encontré un error con el color de fondo. No se puede poner en '#000000' mediante el selector de colores en estilos. Aquí tienes una demostración, pero puedes comprobarla tú mismo en la demo de grapesjs: https://user-images.githubusercontent.com/37115006/125304571-62303e00-e336-11eb-9e5d-a5e9d3b1c7e2.mp4 Los dem...
ClaudeCode
Gracias por informar de esto, @kuhelbeher. El problema con El color de fondo no se puede poner en #000000 parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del c...
Versión: 0.17.19 ¿Puedes reproducir el error de la demo?[X] Sí[ ] No Reproducible aquí. ¿Cuál es el comportamiento esperado? Seleccionar imágenes en la interfaz del administrador de activos haciendo clic en ellas. Describe el error detallado ¿Cuál es el comportamiento actual? Cuando cambias el recurso asociado a un co...
artf
Suena legítimo, se actualizará en la próxima versión
ClaudeCode
Gracias por informar de esto, @anlumo. El problema con la selección inconsistente de imagen parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de...
Versión 0.17.19(grapesjs) Versión 0.1.5(grapesjs-lory-slider) Versión 1.0.6(grapesjs-tabs) ¿Puedes reproducir el error de la demo? No ¿Cuál es el comportamiento esperado? Debería poder moverme por diferentes diapositivas y pestañas al hacer clic en los botones anteriores o siguientes y en los nombres de las pestañas r...
artf
¿Podrías proporcionar una demo reproducible, por favor?
TRIGGEREDcoder
Perdón @artf, me pasaba esto por la etiqueta script en el HTML generado, que no sirve de nada en el HTML de componentes angulares. ¿Cómo puedo usar el HTML generado en archivos angulares si el HTML contiene funciones de etiqueta de script?
artf
@TRIGGEREDcoder si el problema principal se resuelve, cerro este. Por favor, abre una nueva discusión si tienes preguntas
Hola @artf, Hay un problema genérico cuando intentas crear un diseño usando alineación de forma flotante. El problema es que el flotador no se despeja automáticamente. ! imagen ¿cómo añado una nueva clase en fila cuando el usuario estableció el valor del flujo float izquierda/derecha '<div data-gjs-type="default" drag...
artf
Por favor, sigue la plantilla del problema
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre si uso float desde alineación float no está claro, por eso surge el problema de diseño.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza...
Así que estoy intentando obtener el componente seleccionado y hacer un bloque con él, sin embargo, me cuesta añadir el CSS de ese mismo. Mi enfoque es el siguiente actualmente: 'Editor. BlockManager.add(widgetname, { etiqueta: nombre del widget, contenido: editor.getSelectedAll(), Categoría: nombre del panel, atributo...
ClaudeCode
Gracias por informar de esto, @aryanchopra. Gracias por compartir tu informe sobre Añadir un estilo de componente seleccionado a un bloque. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo repr...
Me gustaría escuchar el icono de ojo en el gestor de capas desde el editor, en base al cual necesito escribir los estilos personalizados. ¿Hay alguna forma de hacerlo? He obtenido el código de otro número, me gustaría ampliar el método toggleVisibility desde aquí. ¿Es posible? Si es así, ¿cómo podemos hacerlo? En segu...
ClaudeCode
Gracias por informar de esto, @sathyanarayananaCES. Buena pregunta sobre [Pregunta]: Event listener to visibility (eye) icon en el Layer Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Con...
Hola @artf, He añadido el 'Sea cc = editor. CssCompositor; cc.setRule('.fadetop-animate', { opacidad: 0, 'nombre de animación': 'fadeTop' }, { atRuleType: 'fotogramas clave', atRuleParams: 'fadeTop', Selector: 'Para', estilo:{ opacidad: 1 } });` según el Documento [](https://grapesjs.com/docs/api/css_composer.html#set...
artf
Usa este '''js editor. CssComposer.getAll().add('@keyframes fadeTop { ... }') // Tu cadena CSS ```
ClaudeCode
Gracias por informar de esto, @niranjank151. Buena pregunta sobre @keyframes no añadir ni siquiera después de pasar el objeto de los fotogramas clave. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí...
El código GrapesJS está abierto a problemas con XSS porque los valores se insertan en el DOM sin escapar, por ejemplo, https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 Si 'model.getFilename()' devuelve '<img src=x onerror=alert(document.cookie)>.jpg', esto puede resultar en una tom...
aimeos
@artf ¿Cuáles son tus planes? Porque la vulnerabilidad de GrapesJS a XSS es un problema de seguridad bastante grande
artf
Sí, gracias por el informe, @aimeos lo arreglaré en la próxima versión seguro.
aimeos
@artf La documentación también utiliza '${var}' para insertar variables en plantillas con frecuencia. Esto también debería cambiarse para evitar que los desarrolladores introduzcan problemas de seguridad sin saberlo.
Hola @artf, Es un problema genérico: el valor de propiedades de ancho y altura se pone en auto mientras se cambia la vista a la vista móvil o tablet. Pero la propiedad automática no se refleja en CSS, por eso el valor del escritorio está ahí y surge el problema. Si cambio el valor de ancho a auto y pulso tab / intro,...
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre *. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método d...
¡Hola! Creé un componente DOM y estaba pensando si es posible eliminar el envoltorio del div cuando elimino el componente de texto hijo. Intenté hacerlo con el gancho quitado pero no conseguí encontrar la solución correcta. ¡Gracias!
ClaudeCode
Gracias por informar de esto, @sktlmarat. Gracias por compartir tu informe sobre Quitar el envoltorio cuando se elimina el componente hijo. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo repr...