Hola a todos, Una pregunta rápida: estoy usando la versión de uvas 1.8.3. ¿Es fácil implementar el control deslizante de opacidad del fondo? ¡Gracias!
artf
estoy usando la versión 1.8.3 de uvas ??? https://github.com/artf/grapesjs/releases/tag/v0.14.57 es actualmente la última¿Es fácil implementar el control deslizante de opacidad de fondo? Puedes poner la alfa en el color de fondo, no hay ni...
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 extraer el cambio en el 'src' de una imagen y almacenarlo en el almacenamiento remoto usando Storage Manager, usando el siguiente código El problema que tengo es que cuando cambio la imagen por primera vez, me da la salida deseada en los recursos de almacenamiento > consola image2.jpg pero los parámet...
sakshigarg9
Tuve que inicializar el guardado automático a false, cargar automáticamente a verdadero y llamar a editor.store al final del evento. Asunto resuelto
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.
¿Hay alguna forma de renombrar los atributos "data-gjs-" a "data-myOwnProjectName-"? Por ejemplo:"data-gjs-type" => "data-myOwnProjectName-type""data-gjs-droppable" => "data-myOwnProjectName-droppable" etcétera...
artf
No, actualmente está codificado https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/parser/model/ParserHtml.js#L4
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.
¿Es posible extraer información sobre lo que se deshizo? Lo intenté pero no puedo obtener información exacta sobre lo que se deshizo, el valor de 'after 'property under 'model.attributes' es nulo. Quiero extraer el id del elemento sobre el que se realizó la acción y qué actualización de estilo/eliminación/propiedad/ed...
artf
Revisa 'model.attributes.type' para entender la acción ejecutada, probablemente el 'después' sea nulo porque la acción fue 'eliminar'
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 envolver el componente 'video' específicamente para el '' de YouTube <iframe>con un contenedor padre '<div class="embed-responsive embed-responsive-16by9"/>'. Este es el ejemplo del resultado final que quería lograr: '''html <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-re...
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 a todos, Quiero crear un conector para cada botón que añada al lienzo. Esto está funcionando perfectamente. Sin embargo, cuando recargo (usando almacenamiento), tengo que buscar mis componentes de tipo "Botón" y volver a abrir los sockets. ¿Es una forma de hacer un bucle sobre los componentes? Un saludo,
artf
Hola @trafalmejo en caso de que necesites iterar los hijos de primer nivel de componentes puedes hacer esto: '''js yourComponent.components().forEach(component => { si (component.is('COMPONENT-ID')) { Haz algo } }) Una vez que el component...
trafalmejo
¡Perfecto! Muy agradecido.
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.
@artf En lugar de usar plugins archivos js, ¿podemos crear nuestro propio contenido usando html como he hecho abajo? ¿Es la forma correcta de hacerlo? '''js blockManager: { appendTo: '#blocks', Bloqueos: [ { id: 'texto', etiqueta: 'Lista', Atributos: {Clase: 'FA FA-List-ALT'}, contenido: '<div data-gjs-type="text" dat...
artf
¿Es la forma correcta de hacerlo? sí...
vinayak99999
Gracias por tu respuesta @artf Solo tengo una duda más: quiero tener un carrusel vertical. Así que, a partir del fragmento de código anterior, ¿dónde añadir, por ejemplo, Jquery o script para el efecto de retardo o desplazamiento?
artf
Crea un nuevo tipo de componente y sigue esta guía: https://grapesjs.com/docs/modules/Components-js.html
He estado leyendo la documentación todo el día sobre cómo crear un componente personalizado. También he mirado grapesjs-mjml como ejemplo. Estoy intentando crear un tipo base para los componentes de React que pueda extenderse según sea necesario, pero por ahora solo quiero ver qué métodos de ciclo de vida se llaman y...
artf
En primer lugar, empieza a usar la definición mejorada de los componentes. En tu ejemplo, el 'content: (<div>Foo</div>)' se compilará en un objeto, y cuando añades un objeto o array de objetos al editor, significa que ya no necesitas el pr...
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.
En la documentación de API, el encabezado del componente está prependido por un guion. No sé si es intencionado. ! imagen
artf
Sí, la intención era enfatizar que estaba dentro del módulo de Componentes del DOM, pero parece que he fallado 😬
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, he añadido el código para escuchar los cambios realizados cuando el usuario selecciona los valores en el desplegable. pero necesito escuchar los cambios en otros puntos del código. En el cambio anterior, funciona bien. pero necesito escuchar los cambios en otro lugar. ! imagen ¿Alguien puede ayudarme, por favor?
artf
Puedes utilizar un oyente global 'editor.on('component:update:mytype', ...)' o activar algún evento personalizado dentro del método local '''js ... init() { this.listenTo(this, 'change:mytype', this.mytype); }, mytype() { alerta ('entidad...
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.