¿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.
Hola, intento usar grapesjs como usuario final para construir una página con algunos retornos : ¿Cómo seleccionar filas para cambiar el ancho cuando usamos bloques de columna? Es realmente difícil de usar....Creo un cuadro + texto, es realmente raro cambiar la altura del recuadro siempre 75px ... Muy extraño¿Cómo crea...
artf
cómo seleccionar filas para cambiar el ancho cuando usamos bloques de columna? Es realmente difícil de usar.... Puedes cambiar el ancho de fila en el Style Manager (sector de dimensiones)creo un cuadro + texto es realmente extraño, es impo...
micker
Vale, gracias, lo intentaré.
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! Me pregunto si hay alguna forma de forzar la generación dinámica de clases (de la forma 'cXXXXX', que ocurre al arrastrar y soltar un componente) en la importación de plantillas? El problema es que, cuando uso una plantilla, los componentes generados en el editor no tienen esa clase dinámica, que necesito para...
artf
Hola Davy, si necesitas una clase puedes ponerla ya en tu plantilla; si necesitas una dinámica, probablemente hagas uso de events como 'component:add' o 'block:drag:stop'
davydav
¡Gracias por tu respuesta! ¿Hay alguna forma de acceder a tu método de generación de clases, o podrías indicarme dónde está en tu código? He estado intentando encontrarlo pero sin suerte. Gracias de nuevo
artf
https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/dom_components/model/Components.js#L70-L87 Como ves, se llama a añadir, así que puedes desactivarlo (opción 'forceClass') e implementar tu propia lógica