Hola, Leyendo la documentación, no encuentro ningún sitio que explique qué quiero hacer. Actualmente, Grapes coge la imagen de fondo y la pone en el estilo, pero quiero tomar esta imagen y no añadirla a un estilo de fondo, quiero ponerla en un elemento de datos en el elemento seleccionado. He estado mirando: editor.on...
pouyamiralayi
Hola @awaredigital StyleManager se dirige tanto a Componentes como a CssRules, así que hazlo como abajo: ¡Salud!
andy-aware
Eso es genial. ¿Cómo detengo los datos de model.getStyle()['imagen-fondo'] ¿ser aprobado por el CSS? Solo la imagen de fondo. Gracias
pouyamiralayi
@awaredigital he probado el código anterior y funcionaba bien. Pero para el error, puedes marcar ''BG'' antes de seguir procesando porque, después de actualizar el estilo de componentes, puede que la llamada vuelva a aparecer, que es tu ca...
Estaba siguiendo la guía de inicio y me encontré con este error. El enlace CDN funciona, pero el enlace unpkg me da este error. ! bicho de uva
pouyamiralayi
@eyeamkd Asegúrate de que sea así: ''https://unpkg.com/grapesjs/dist/css/grapes.min.css'' para CSS y ''https://unpkg.com/grapesjs'' para JS También puedes beneficiarte de grapesjs cli, que se encarga de configurar y configurar dependencias...
eyeamkd
¡Vale! ¡Gracias@pouyamiralayi
pouyamiralayi
@eyeamkd los enlaces que se proporcionan en gettingstartedguide funcionan perfectamente! ¡Salud!
Hola, He estado leyendo muchísimo en GrapesJs para descubrir cómo construir un componente y asignarlo a un bloque. Pero después de un tiempo, he pensado que usar componentes no es la mejor opción. Estoy buscando cambiar el src de imagen y establecer un data-src en la imagen, sin embargo, solo quiero hacerlo en la part...
pouyamiralayi
@awaredigital puedes realizar operaciones como reemplazo de texto para tu caso específico antes de que los grapesjs intenten almacenar los componentes y html. ''editor.on('storage:start:store', objToStore => {} )'' ¡Salud!
Los componentes de la interfaz "Open Blocks" en la parte superior derecha no son visibles en el repositorio de grapejs descargado (localhost), como se muestra en la captura de pantalla. ! Grapejs-anfitrión local mientras que los Componentes de la UI en la parte superior derecha son visibles en la página de demostració...
pouyamiralayi
@nawaz123 puedes obtenerlos usando el preset de grapesjs webpage ¡Salud!
nawaz123
@pouyamiralayi gracias, esto es exactamente lo que quería.
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
nawaz123
Los componentes de bloque abierto en la interfaz no son visibles en Grapejs descargados (localhost) como se muestra en la captura de pantalla ! Grapejs-anfitrión local mientras que los componentes de bloque abierto en la interfaz de usuari...
Hola, Estoy usando Font Awesome 5 en mi proyecto, me han revisado las preguntas que ya me han hecho grapejs, supongo que Font Awesome está eliminado. He sustituido algunos iconos por opciones de panel/bloque para poner Font Awesome 5, pero no encuentro algunos parámetros de iconos en el editor. Cuando hago clic en ele...
artf
Para cambiar los iconos de la barra de herramientas, recomendaría consultar el siguiente número #1632 Además, el gestor de estilos muestra el icono extra grande más sobre el panel, ¿cómo puedo eliminarlo? Se corregirá en la próxima versión...
Tengo una "tabla" de tipo componente y encuentro que mover esta tabla arrastrando sus componentes internos (seleccionables/estilables) (th, td, ...) ¿esto es posible? ¡Muchas gracias
alemenciones
Gracias, tío, pero estaba buscando algo así (solo para el modo absoluto). editor.on("run:tlb-move:before", (targetCollection) => { Obtengo referencias al componente seleccionado var target = targetCollection.target; var el = target.view.el...
pouyamiralayi
@alemenciones Seleccionar padre usando el icono de flecha: ! flecha Luego arrastra a Padre como abajo: ! plus ¡Salud!
No se puede elegir/seleccionar/eliminar gjs-row después de quitar gjs-cell por separado. La fila que queda sin celda existe en el envoltorio pero no puede ser resaltada ni seleccionada. Ejemplo: <img src="https://raw.githubusercontent.com/VelMrnk/Images/master/ezgif.com-video-to-gif-3.gif"></img>
vellmur
Hola @VelMrnk esto no es un error, ya que la fila está vacía y no tiene su propia altura, no se puede ver (indeed sigue siendo seleccionable desde Capas). Si quieres cambiar este comportamiento, basta con actualizar el CSS del componente (...
artf
Hola @VelMrnk esto no es un error, ya que la fila está vacía y no tiene su propia altura, no se puede ver (indeed sigue siendo seleccionable desde Capas). Si quieres cambiar este comportamiento, basta con actualizar el CSS del componente (...
¿Hay eventos disponibles que se activen cuando se están moviendo capas? ! imagen He probado con ordenador (ordenador:arrastrar:inicio), bloquear:arrastrar:iniciar... No pasa nada He encontrado en algún sitio que existe el evento startSort pero no puedo configurarlo correctamente. Estoy usando grapesjs en angularjs, añ...
¡Hola! Tengo una integración con GrapesJS en un proyecto de Laravel con componentes personalizados directamente en la página (cada bloque debería ser un enlace de bloque a un contenido). Hasta ahora he replicado el componente de enlace de bloque así Hasta ahora, todo bien. Pero necesito que cada uno de estos component...
pouyamiralayi
@csb346 puedes definir un nuevo tipo de componente personalizado: y luego úsalo dentro de un bloque: Solo recuerda que debes definir tu tipo de componente personalizado dentro de un plugin ¡Salud!