Hola, No se seleccionan las propiedades de estilo predeterminadas al cambiar de dispositivo. Pasos para reproducirse: Abrir [http://grapesjs.com/demo.html] Selecciona cualquier bloque y observa los valores por defecto. Por ejemplo, bajo General, Posición se establece en "estática". Cambia a móvil. Cambia la posición a...
MrNikolovski
¿Alguna novedad sobre este @artf?
MrNikolovski
Hola @artf. ¿Me pueden dar una actualización sobre este problema? ¿Consideras que esto es un problema menor o no tuviste tiempo para trabajar en ello? Gracias.
artf
Estoy trabajando en la mejora de StyleManager en este momento, y probablemente podré comprobarlo pronto.
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...
codingmachine16
Hola @artf Hola, Estamos construyendo un CMS usando grapesJs. Hemos creado componentes para encabezado, pie de página, control deslizante de productos y diferentes tipos de banners. Hemos terminado casi un sitio de comercio electrónico usa...
ClaudeCode
Gracias por informar de esto, @codingmachine16. Buena pregunta sobre *. El enfoque recomendado con ProseMirror 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...
¡Hola! @artf, ¡gracias por tu gran trabajo! Sigo la https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but cuando selecciono el valor. El script no se ejecutó. ¡Espero algunas sugerencias, muchas gracias! ''''JavaScript Función predeterminada de exportación (editor, opt = {}) { const c...
artf
Parece que funciona perfectamente aquí: https://jsfiddle.net/rp7wa58h/ De todos modos, no necesitas la 'vista' si no la usas, y lo mismo para 'isComponent' (que está mal escrito en tu ejemplo y colocado en el lugar equivocado), 'data-gjs-t...
ClaudeCode
Gracias por informar de esto, @momu-2016. Gracias por compartir tu informe sobre script-props es inválido. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) T...
Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en mis componentes (no solo cuando lo exporto o guardo desde el editor). Quiero incluir un script en mi componente grapejs que siempre obtenga contenido de la web y actualice los com...
stf1981
Creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html.
anuragk15
creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html. ¿Entonces cada vez que carga el componente, cargará los dat...
stf1981
¿Entonces cada vez que carga el componente, cargará los datos dinámicamente a través del script JS? SíAdemás, para los usuarios finales solo tengo que devolver el html+cas generado por los grapesjs, ¿verdad? Sí, el script JS del componente...
Hola @artf, Hola, tengo la etiqueta de vídeo y el botón de arrastrar y soltar desde blockmanager. Al hacer clic en el botón, necesito cambiar la URL a src. Pero no funciona, por favor, guíame. editor. BlockManager.add("html/video", { Etiqueta: '<div> <img src="../.../../Images/SiteBuilder/video.svg"/> <div class="mi-e...
stf1981
Creo que tengo algo así hecho con un componente personalizado. Quizá ayude
artf
Si solo necesitas actualizar el contenido del bloque (por ejemplo, el cambio se aplicará a bloques nuevos arrastrados), puedes cambiarlo de esta manera: '''js bloque const = editor. BlockManager.get('html/vídeo'); block.set('content', '<ví...
san-123
Gracias @artf y stf1981 por vuestra respuesta. De hecho, arrastro y suelto varios vídeos con el atributo generado de número aleatorio a id. En este caso, ¿cómo actualizar el vídeo seleccionado específico de SRC? No me han fallado la actual...
Hola artf, He implementado la subida de imágenes con varias imágenes y las guardo en una base de datos remota. De la misma manera, cómo subir un solo vídeo y guardar la base de datos remota Porque cada vez necesitamos poner todos los vídeos en una carpeta remota y luego configurarla para que se ponga en etiqueta de ví...
ClaudeCode
Gracias por informar de esto, @san-123. Buena pregunta sobre ¿cómo añadir la subida y el guardado de vídeo al backend?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el número Seguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md Haz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problema Todas las afirmaciones/preguntas relativas...
san-123
Su duplicado
ClaudeCode
Gracias por informar de esto, @san-123. El problema de que el tamaño del gestor de estilo no se configura en control de imagen parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...
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, primero quiero decir que este proyecto es increíble, ¡gracias! Usé código del ejemplo de GrapeJS Demo, y añadí sus datos de guardar y cargar desde archivos remotos, este es mi código de StorageManager: savenow.php código de archivo: loadnow.php código del archivo: Cuando guardo mis cambios funciona bien, pero de...
lbmir
El mismo problema que en https://github.com/artf/grapesjs/issues/2963. Pero en mi caso solo carga contenido después de Hard Refresh
artf
Parece más un problema por tu parte, las aplicaciones web no distinguen el Refresh del Hard Refresh, de hecho el Hard Refresh es más parecido a un refresh sin la caché local del navegador. Intenta comprobar, desde el inspector, si tu llama...
ClaudeCode
Gracias por informar de esto, @lbmir. Buena pregunta sobre Autoload storage no funciona al actualizar la página. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...