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.
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.
Hola @artf Tengo un bloque en el gestor de bloques como Según el script anterior dentro del bloque, quiero añadir contenido HTML dinámico mientras este bloque se renderiza en la interfaz. Sé que no necesito cambiar de DOM. Pero necesito cambiar usando el modelo, aunque no sé cómo puedo cambiarlo usando el modo por id/...
artf
No hay @AkibDeraiya123 si intentas acceder al modelo desde el 'script' significa que has malinterpretado totalmente su concepto; por favor, lee con atención aquí https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 'script' e...
AkibDeraiya123
Gracias por la respuesta @artf , ¿Entonces significa que no puedo cargar contenido dinámico en bloques mientras se renderiza en el editor? Si es así, ¿cómo puedo? ¿Puedo reemplazar el HTML de todo el bloque por 'this.innerHTML = 'Nuevo con...
artf
Por supuesto que puedes, pero no a través de la propiedad de 'script'. Tienes que crear un componente personalizado y actualizar allí su modelo
llamada Ajax que está subiendo el archivo de imagen en la carpeta assests Funciona bien añadir una imagen desde el local local. Pero en otro escenario, no funciona. Por favor, échale un vistazo Bloque de imagen arrastrado Seleccionar una imagen Borra esa imagen Añade la misma imagen de nuevo en el mismo lugar, la func...
artf
Tenemos que borrar la entrada del archivo una vez seleccionada la imagen
Shah-ali
¿Cualquier pista, por favor? ¿Cómo borrar la entrada de archivos?
Había estado usando eventos del editor y noté que el evento 'component:mount' se activa varias veces cuando un componente se arrastra de bloques a lienzo, puedes confirmarlo en tu JSFiddle Starter. '''javascript editor.on('component:mount', component => console.log('mounted', component)) ```
artf
@ateebahmed por favor, no abran problemas así. Sigue la plantilla
ateebahmed
Vale, lo volveré a abrir
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.
Quiero seleccionar mi componente cada vez que se arrastra de bloques a canvas y se renderice, he intentado registrar eventos en 'component:add', 'component:mount' y llamar a 'editor.select(component)', pasando el componente que obtengo desde la callback, pero no se inicializa correctamente o le faltan propiedades, com...
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.