Hola Artur, Me pregunto si sería posible añadir algunas cajas de entrada para el modal de subida de imágenes. ! captura Me gustaría añadir algunas cajas en la zona roja de la captura de pantalla de arriba. Esas cajas están pensadas para añadir href para la imagen
artf
Puedes interceptar el comando de apertura del activo y luego manipular el DOM según tus necesidades '''js editor.on('run:open-assets', () => { const el = editor. Modal.getContent().querySelector('.gjs-am-assets-cont'); ... }) ```
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf, Estás haciendo un gran trabajo. Intenté añadir un botón en la sección (bloque) al pasar el ratón. ¿Podrías ayudarme a añadir o mostrar el botón "Añadir columna" al pasar el curso? Estaba siguiendo el número #1789 ! hover_btn
artf
@sanjib00 creo que esta https://jsfiddle.net/xcv07abt/ de demo es suficiente para entender qué hacer a continuación
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola Artur, ! captura ¿Cómo añadir un enlace a esta imagen? Si necesito crear un componente personalizado, por favor dadme algún código de ejemplo Artur... Muchísimas gracias
Shah-ali
Arrastra un bloque de enlace y luego arrastra un bloque de imagen dentro del bloque de enlace.
artf
@luvcharan tienes que usar "Bloquear enlaces", no "Enlace"
luvcharan
Hola, Añadir enlace (href) a la imagen en grapesjs . Primero añadimos la imagen en grapesjs y luego añadimos el enlace a esa imagen, muestra el texto "Enlace" junto a esa imagen, pero no pude añadir el enlace a esa imagen. Aquí estoy añadi...
He descargado el preset grapesjs-webpage-et y quiero personalizarlo según mis necesidades, así que he añadido mi propio html y estilo en el archivo index.html para que esa interfaz sea personalizable. Ahora, ¿cómo puedo hacer un div en mi código html solo lectura? Intenté añadir data-gjs-editable="false" data-gjs-remo...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
@arthuralmeidap ¿puedes explicarme cómo configurar un estilo diferente para cada dispositivo? Yo uso la estrategia de mover primero. Por ejemplo, para establecer un fondo diferente en dispositivos móviles y de sobremesa. mediaCondición: 'min-width', var deviceManagerConfig = { Dispositivos: [ { nombre: 'Escritorio', A...
umerrinayat
@abozhinov estoy pasando por el mismo problema. ¿Si resolvieras el problema? ¿Puedes compartirlo aquí? Gracias
theSC0RP
@abozhinov @umerrinayat yo me enfrento al mismo problema. Si lo has resuelto, ¿puedes compartirlo aquí?
Hola @artf, ¿Podrías ayudar en esto? Quiero desactivar al usuario para que pueda seleccionar el bloque de envoltura (cuerpo), pero aún así quiero que pueda darle estilo. Así que estaba pensando en añadir un sector personalizado que se mostraría para todos los bloques, pero que los estilos aplicados en ese sector se ap...
arthuralmeidap
Hay varios inconvenientes en mi enfoque pero, como en esta app no usamos los Selectores para el Style Manager, mira lo que he hecho; He añadido una propiedad 'objetivo' personalizada a mi nuevo sector. Empecé a escuchar el 'change:open' de...
arthuralmeidap
Solo un ejemplo: El usuario ha seleccionado un Bloque de Texto. En el panel del Gestor de Estilo, se mostraría tal y como está hoy. Los selectores de CSS se aplicaban a él y las secciones como General o Decoraciones para estilizarlo y, ade...
artf
Sí, creo que es posible, deberías añadir un nuevo sector con tus entradas manualmente al cargar el editor y al cambiar la entrada actualizar el estilo del envoltorio 'editor.getWrapper().addStyle({ color: yourInputEl.value })' o si necesit...
Hola, Tengo dos elementos con las mismas clases. Quiero aplicar cambios de estilo con el gestor de estilos a uno de estos dos elementos. Yo añado el ID pero el estilo se aplica a la clase, no al ID. ¿Qué puedo hacer?
arthuralmeidap
En el Style Manager Painel, tienes una forma de seleccionar o desseleccionar a qué selectores de CSS (clases o id) Quieres aplicar el estilismo. Haz clic en un bloque y abre el panel del Gestor de Estilos. Verás todos los selectores aplica...
abozhinov
Gracias... La interfaz no es fácil de usar.
abozhinov
@artf Creo que el problema está en el ICON. Edito el código fuente y lo sustituyo por SVG, además de reescribir el estilo. ¿Tengo la opción de reemplazar la PLANTILLA de cada sección sin editar el código fuente? <img width="1132" alt="capt...
Hola, Intento usar un modal nuevo pero cuando cambio el contenido, también cambia el modal de la imagen: 'var modal = editor. modal; modal.setContent("<div>test</div>");' ¿Cómo puedo hacer para mantener la imagen modal y tener otro modal para usar en mis rasgos? Gracias
artf
Actualmente, no es posible tener varios 'editores. Instancias modales
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy intentando usar la directiva angular. En cualquiera de los contenidos de bloque, por ejemplo ' bm.add('radio-block',{ etiqueta: 'Elemento de Forma Básica', Categoría: C.Categoría, contenido: '<tipo de entrada="texto" nombre="nombre de usuario" id="nombre de usuario" ngModel> ' }) ` en exportación, ngModel será n...
artf
ngModel se convierte en ngmodel por el navegador (HTML5 no acepta mayúsculas para los atributos) Puedes saltarte el analizador pasando un objeto componente '''js bm.add('radio-block', { etiqueta: 'Elemento de Forma Básica', Contenido: { et...
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Estoy intentando integrar la librería con Angular7, pero tuve problemas al mover el contenedor '<div id="gjs"></div>' al componente material (paso a paso) en este caso. He puesto mi código en https://stackblitz.com/edit/angular-qa6gqz (el error con grapesjs no ocurre en mi entorno local). ¿Puedes ayudar?
mcrodrig
Para referencia futura: El problema estaba relacionado con ejecutar la llamada grapesjs.init antes de que se renderizara el html y <div> el interior del mat-step no estaba disponible.
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.