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...
Me salió este error al añadir el <iframe src="https://app.conversiobot.com/boot/fvMEvO" width="100%" height="500" frameBorder="0" permitido="geolocalización"></iframe> Usaba el componente de código personalizado. Mi código funciona bien con la 0.17.4, pero con la 0.17.19 salió por debajo del error grapes.min.js:2 Unca...
artf
Gracias por el informe, la solución está lista para la próxima versión.
rahul-singh-bv
Me encuentro con un problema similar con la v0.19.5 cuando intento añadir un iframe dentro de un bloque de código personalizado
ClaudeCode
Gracias por informar de esto, @jcsofts. El error TypeError: No se puede leer la propiedad 'longitud' de indefinido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializ...
¿Qué intentas añadir a GrapesJS? Mejor soporte para Shadow DOM, que permite a los desarrolladores renderizar GrapesJS dentro de un elemento Shadow sin tener que pasar elementos específicamente en lugar de selectores en la configuración. Describe tu solicitud de función detallado Cuando actualmente se usan selectores d...
artf
Hola @AStoker no entiendo cuál es el verdadero problema con tu ejemplo (aparte de no cargar estilos GrapesJS dentro de tu dom de sombras). Si estás añadiendo shadow dom, obviamente no puedes hacer este 'contenedor: '#gjs'', pero aún puedes...
AStoker
El problema es que debo pasar elementos HTML por todas partes y no puedo usar selectores. Esto puede volverse engorroso de escribir, ya que ahora debo usar el selector de consultas del Dom sombra para cada viñeta, cada elemento, cualquier...
AStoker
Actualicé el JSFiddle para que veáis lo que tenemos que hacer para conseguir estilos dentro de Shadow DOM. Pero, desafortunadamente, el CSS que GrapesJS añade automáticamente existe en el cuerpo y contamina las hojas de estilo globales y e...
Para reducir la posible superficie de ataque si el editor se usa en entornos "hostiles" (por ejemplo, en plataformas SaaS), se requiere soporte para CSP. Esto también evitará problemas como https://github.com/artf/grapesjs/issues/3082 Actualmente, el único problema que impide reglas CSP efectivas es el uso de 'new Fun...
artf
Vale, entonces intentaré arreglarlo para la próxima entrega.
artf
Mmm, no estoy seguro de cómo puedo arreglarlo exactamente y a qué te refieres con '¿el uso de new Function() está en el código GrapesJS', si no hay tal cosa en el código?
aimeos
Descubrí que está en los archivos dist por underscore.js método template() que usa 'new Function()'. Creo que esto dificultará reemplazar o eliminar esa dependencia para hacer cumplir un CSP sin 'evaluación insegura'.
Estoy usando el plugin grapesjs-blocks-bootstrap4 y el integrado grapesjs-lory-slider, funciona la primera vez que lo uso, pero cuando lo cargo desde la base de datos pierde la función de deslizamiento. ¿En qué estoy fallando? Cuando se pone, sigue funcionando con normalidad ! imagen Es cuando las cargo desde la base...
artf
Hola @vuongluc sí, puede ser un problema cargar html/css de esa manera para editar. Deberías almacenar y volver a cargar datos JSON, echa un vistazo a esta guía
ClaudeCode
Gracias por informar de esto, @vuongluc. ¡Gran sugerencia sobre grapesjs lory slider! 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:...
¿Qué intentas añadir a GrapesJS? La propiedad CSS 'float' solo tiene sentido para 'posición: estática;' elementos, que resulta ser el valor predeterminado. Solo quiero mostrar el selector de radio flotante si la posición no está configurada en otra opción. Sin embargo, si añado 'require: ['static']' a la definición de...
artf
Hola @anlumo, ¿has intentado ampliar la definición de flotación con algo como 'requiere: { posición: ['estática'] }'?
anlumo
! imagen Sí. Parece funcionar bien después de recargar la página, pero cuando cambias la posición deja de funcionar y se ve como en la captura de pantalla. La definición es la siguiente: '''js { nombre: "Layout", abierto: falso, buildProps...
ClaudeCode
Gracias por informar de esto, @anlumo. Gran sugerencia sobre FEAT: En el Style Manager, ¡permite requerir la configuración predeterminada! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un c...
¿Qué intentas añadir a GrapesJS? El componente debería poder marcarse como sucio, activando el mensaje de advertencia 'onbeforeunload'. Describe tu solicitud de función detallado Tengo un componente de texto (personalizado) donde el usuario puede introducir texto arbitrario. Estoy almacenando los datos en mi servidor...
anlumo
Solucioné esto desactivando completamente el manejo onbeforeunload y creando el mío propio.
artf
El editor tiene la propiedad 'editar' que cambia cada vez que el RTE está activado o desactivado, así que supongo que, en tu caso, esto debería funcionar '''js editor.on('change:editing', (em, editing) => { window.onbeforeunload = edición...
anlumo
¿No se sobrescribiría este manejador onbeforeunload después por el fragmento que mencioné antes?
Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario cambiar cada propiedad una a una (margen arriba, margen abajo, etc.). Sería bueno poder cambiar todas estas propiedades juntas. Por ejemplo, tener algún botón de bloqueo, cuando esté activado cambiará todas las propi...
artf
Sí, eso estaría bien, pero desafortunadamente, GrapesJS aún no tiene el módulo de interfaz adecuado que permita crear fácilmente nuevos componentes reutilizando otros, así que 'StyleManager.addType' es la única opción, pero en ese caso, de...
ClaudeCode
Gracias por informar de esto, @kuhelbeher. ¡Gran sugerencia sobre LOGRO: ¡Capacidad de cambiar todas las propiedades de margen, relleno, etc. juntos! Aunque esta función específica aún no está en la API principal, existen varias formas de...
He notado que si en la función de inicialización pongo una altura, se fija en función de una cantidad específica de píxeles, por ejemplo, altura: "500px". Sin embargo, si intentas poner un porcentaje, por ejemplo de altura: "90%", el editor no tiene ninguna altura. También me pregunto qué está configurando la altura s...
ahmedderkaoui
Intenta trabajar con 'VH' en vez de 'PX'. Por ejemplo: ponle al editor 'altura: '80VH'', tu barra de navegación 'altura: '20VH''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' d...
samichamoun
intenta trabajar con 'vh' en vez de 'px'.ejemplo: ponle al editor 'altura: '80vh'', tu barra de navegación 'altura: '20vh''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' de tod...
artf
Esto es más un problema de diseño y no está relacionado con el editor GrapesJS en sí.
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
ClaudeCode
Gracias por informar de esto, @divesham. Gran sugerencia sobre HAZAÑA: ¡AÑADE BLOQUES PERSONALIZADOS (es decir, iframe) y personaliza como imagen, es decir, al hacer doble clic abre las opciones de recursos para el enlace de vídeo en un bl...