Cuando se hace clic en 'ver código' y seleccionamos elemento(s) en el lienzo, el visor de código puede mostrar su código correspondiente y seleccionarlo outerHTML - una gran función para copiar instantáneamente desde ahí o una inspección rápida.
ClaudeCode
Gracias por informar de esto, @gMakaan. ¡Gran sugerencia sobre FEAT: visor de código: ve a bloque de lienzo seleccionado! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...
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...
Si el usuario elimina todo el texto de un elemento y hace clic en algún otro lugar . Luego intenta seleccionar el elemento vacío, pero no puede seleccionarlo de nuevo porque está oculto y no sé a dónde va. Para este problema estoy usando este código este código estableció un espacio en el texto si el usuario elimina t...
artf
Como ya se ha sugerido aquí, https://github.com/artf/grapesjs/issues/3603#issuecomment-885305546 evita hacer lo que haces ahora y añade un CSS por defecto simple por si el elemento está vacío
NoumanAhmad-Braqsol
¡Gracias, lo tengo!
ClaudeCode
Gracias por informar de esto, @NoumanAhmad-Braqsol. Gracias por compartir tu informe sobre editor.on('component:update:content', model => { }}) no funciona por alguna causa. Para ayudar al equipo a investigar y priorizar esto: Por favor, p...
Antes que nada, gracias por la gran herramienta @artf. Mientras estoy trabajando en un proyecto. Tengo un problema al editar texto. Si selecciono un cuadro de texto y edito un texto, funciona bien, pero si elimino todo el texto y hago clic en otro sitio, intento de nuevo seleccionar un cuadro de texto. No funcionó por...
artf
Diría que es más un problema de diseño. Como la caja no tiene texto, pierde sus dimensiones, así que es difícil volver a activarla. De todas formas, puedes ampliar tus componentes de texto y añadir algunos estilos extra para facilitar la s...
ClaudeCode
Gracias por informar de esto, @NoumanAhmad-Braqsol. Excelente pregunta sobre Problema en la edición de texto. Texto no selecciona de nuevo si se elimina. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí:...
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...
Versión: 0.17.19 ¿Puedes reproducir el error de la demo? No, porque es pantalla completa y no hay un desplazamiento del contenedor padre. ¿Cuál es el comportamiento esperado? Un cuadro estatal de paso para ver cómo el componente cambia de posición Describe el error detallado Cuando quiero seleccionar o pasar el cursor...
artf
Si el elemento desplazable no es el nodo padre del editor, puede que necesites esta opción https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163
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...
ClaudeCode
Gracias por informar de esto, @maxtsh. El problema de Pasar el cursor en componente cuando el padre del editor se desplaza, mostrar posicionamiento incorrecto parece ser una condición de carrera o un problema de sincronización de gestión d...