No quiero que el usuario redimensione la imagen en una zona específica de la plantilla, pero quiero permitir cualquier lugar en el lienzo. Quiero que el usuario simplemente elija imagen y no permite redimensionar para una clase/elemento específico.
artf
Probablemente necesites hacer algo así en el render '''js const wrapper = editor. DomComponents.getWrapper(); wrapper.view.$el.find('#someid img').each((el, i, $els) => { const $el = $els.eq(i); modelo const = $el.datos('modelo'); model &...
faruk247
cada uno (el, i, $els), crea error. Simplemente sustituye por chacun( función(el, i, $els) Código completo: var wrappers = editor. DomComponents.getWrapper(); wrappers.view.$el.find('.rm-editable img').each( function(el, i, $els) { var $el...
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, 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.
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