Hola, Según el documento , Cambia el fondo del envoltorio y establece algún atributo var wrapper = domComponents.getWrapper(); wrapper.set('style', {'background-color': 'red'}); wrapper.set('attributes', {'title': '¡Hola!'}); ¿Podemos poner una clase en envoltorio? Por favor, háganos saber cómo establecer una clase pa...
@artf , Gracias por la respuesta. ¿Podemos hacerlo? editor. DomComponents.getWrapper().addClass('wrapper') en la versión 0.10.7 Gracias.
suchithmahadi
Perdona que te moleste, Porque cuando lo intenté en la versión 0.10.7 Está dando un error [Error] TypeError: wrapper.addClass no es una función. (En 'wrapper.addClass('wrapper')', 'wrapper.addClass' no está definido) Código Global (index.h...
intentando hacerlo da el error this.sender.get no es una función grapesjs.min.js toggleSm Básicamente quiero abrir el gestor de estilos al hacer clic en un elemento. Cualquier ayuda o información será bienvenida, gracias
artf
Hola Michael, De hecho, hay un tipo de error en 'Open-SM' que no permite llamar al comando con 'runCommand', pero la razón es que fue diseñado para llamarse solo por su botón correspondiente, de hecho recomendaría hacer esto en tu caso '''...
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.
Así que la redacción puede parecer confusa, pero esencialmente intento usar 'gjs-droppable=""' de la misma manera que se usaría 'gjs-draggable="''. Así que si 'gjs-droppable="li.feature"' estaba en '<ul>', solo los elementos que coincidían con el selector podían oponerse dentro de la '<ul>'.
austinbiggs
Esto ya funciona como se ha detallado antes, ¡simplemente tuve un error en mi código originalmente que impedía que funcionara correctamente!
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.
Sigo revisando el código y el CSS, no consigo localizar el CSS del contenedor padre dorado, ni el marcador de posición verde. He intentado buscar los colores de estos en CSS/JS, pero nada. Al ver la fuente, tampoco veo nada añadido... ¿Alguien sabe qué ID/Clase puedo usar para modificar estos dos elementos? ! captura...
austinbiggs
Encontré la clase después de revisar el HTML. .gjs-placeholder-int, .gjs-com-placeholder-int, .gjs-nv-placeholder-int {}
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 trabajando en modificar el mango de los elementos arrastrables, además de tener un mango, me gustaría que todo el elemento fuera arrastrable. Mirando el código, supongo que solo tendría que adjuntar el comando 'tlb-move' a un elemento arrastrable al selectar. El código anterior, al selectar, escribe el component...
artf
Prueba con algo así '''js editor.on('component:selected', () => { const selected = editor.getSelected(); si (!seleccionado || !seleccionado.get('draggable')) return; const el = selected.view.el; si (!el.hasCustomEvent) { el.hasCustomEvent...
Jogai
Seguí tu sugerencia, pero me sale un error: "Uncaught TypeError: No se puede leer la propiedad 'type' de undefined" editor.on('component:selected', () => { const selected = editor.getSelected(); si (!seleccionado || !seleccionado.get('drag...
Jogai
¡Muchas gracias por la actualización! Todavía me cuesta un poco implementarlo bien. Puse un ejemplo: https://codepen.io/anon/pen/vRoRBX El ejemplo es evitar que el usuario haga demasiado. La mayoría de los elementos se hacen no arrastrable...
¡Feliz año nuevo! Estoy teniendo un problema con 'isComponent()'. Aquí está mi código: Por alguna razón, la única vez que el rasgo aparece en la configuración de componentes es cuando elimino completamente la sentencia if-de de 'isComponent()' y simplemente devuelvo '{ type: 'selectReference' }'. Sin embargo, entonces...
artf
Hola Nicholas, ¿estás definiendo 'selectReference' dentro de un plugin?
NicholasGati
Hola Artur. Sí, está dentro de un plugin.
artf
He probado tu código aquí https://jsfiddle.net/vv7sch2u/ y parece funcionar correctamente
Cuando intento guardar el HTML que sigue en Grapes Editor, no puede renderizar la etiqueta "plantilla". Un saludo
artf
Porque así es como funciona la etiqueta <template>''https://github.com/artf/grapesjs/issues/244
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, He encontrado un plugin que se puede usar en grapesjs para redimensionar la cuadrícula y es completamente responsivo. Échale un vistazo y por favor dinos cómo integrar este plugin con GrapesJS para poder hacer un PR. https://github.com/gridstack/gridstack.js#demo-and-examples
artf
@suchithmahadi eres libre de usarlo dentro de tu proyecto, pero no es algo que necesitemos dentro del núcleo de GrapesJS
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! Estoy revisando el código e intentando conseguir un efecto marcador mientras arrastro el elemento. Algo similar ya existe para arrastrar bloques. Si quiero añadir algo para lograr esto, ¿qué método tendría que modificar o enganchar? No veo una opción de iniciarArrastrar para los elementos del lienzo. Similar a:...
artf
Probablemente esa sea la razón por la que me rendí 😂 Como ves desde aquí https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74 Probé a usar 'setDragHelper', que copia el estilo del elemento de 'getComputedStyle'...
artf
Desafortunadamente, mover componentes es algo diferente, así que sigo trabajando en esto
artf
En realidad, estaba pensando en añadir una funcionalidad así pero no llegué tan 😬 lejos https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74
No estoy seguro de si esto ya existe y aún no lo he visto (disculpad si es el caso). ¿Hay alguna forma de restringir dónde se pueden soltar ciertos elementos arrastrables? Imagina que tengo una lista: Y quiero que el usuario pueda reorganizar los elementos de la lista, pero restringir que no se arrastren fuera de la '...
austinbiggs
Parece que lo has pensado todo, ¡has hecho un trabajo increíble con GrapesJS! 😄
artf
Claro, puedes usar los atributos 'data-gjs-*' (por ejemplo, 'data-gjs-draggable="ul"') Consulta aquí el último código de ejemplo https://github.com/artf/grapesjs/wiki/Blocks