Grapejs es lo que llevo buscando desde hace mucho tiempo. Aunque por defecto, todos los elementos están relativamente posicionados cuando se dejan caer sobre el lienzo y no quiero eso. Quiero que los elementos [bloques o componentes] estén absolutamente posicionados y puedan arrastrarse a cualquier parte del lienzo. T...
artf
Hola @bright-ic, lo que preguntas es lo que llamamos el 'modo Designer', está en nuestra Hoja de Ruta pero lamentablemente aún no está implementado :/
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 quiero reemplazar un icono del gestor de estilos por un icono SVG. Como puedes ver, captura adjunta. Lo intenté así. ! captura de pantalla del 20-08-29 20-2018
artf
Sí, mete esos cambios dentro de tu plugin '''js grapesjs.init({ ... Plugins: [ Inicia tu plugin editor => { ... pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' }); } ] }) ```
artf
??? ... Tu código está todo roto (comprueba la sintaxis) Probablemente quieras algo así '''js pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' }); ```
Abhisheknanda1344463
Por favor, reabre este número. Hola @artf yo también probé esta forma pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg> width="1024" height="1024" viewBox="0 0 1024 1024" style="margen-izquierda: calc(50% - 0.5em)"><g transform="sca...
Hola, Solo quería saber si es posible añadir una nueva pestaña al editor de uvas desde un plugin. Por ejemplo, los Bloques, Estilo o Rasgos sí tienen uno.
artf
Es simplemente un panel con estilo para que puedas añadir o quitar botones '''js editor. Panels.addButton('views', {id: "another-button", className: "fa fa-paint-brush", comando: "open-sm",}) ```
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, quiero saber el camino de los estilos. Quiero usar CSS local, y la estructura de directorios locales es la siguiente ! 2018-08-23111242. Lo intenté muchas veces y no funcionó. ! 2018-08-23111422 ! 2018-08-23_114057 ¿Puedes decirme cómo se escribe correctamente?
artf
No sé exactamente cómo se genera el camino para ti, pero puedes inspeccionar fácilmente el 'iframe' de grapesjs y comprobar dentro de qué camino se usa
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 cambiar las propiedades predeterminadas de los componentes? Quiero que casi todo sea 'copiable: false, redimensionable: false, arrastrable: falso' a menos que el componente cargado proporcione específicamente un 'data-resizable=true'. Así que básicamente quiero poner algunos componentes en lista b...
jereddanielson
@artf que lo sepas, eso no funciona exactamente como se necesita. Actualizar las propiedades predeterminadas del componente 'por defecto' no tiene efecto para componentes ya definidos (como 'table', 'textnode', etc.) integrados porque ya h...
artf
Puedes actualizar el componente 'por defecto' https://grapesjs.com/docs/modules/Components.html#update-component-type
artf
@jereddanielson correcto, así es como deberías actualizar los tipos de componentes ya definidos. Gracias por señalarlo
Hola, estoy usando https://github.com/arhea/backbone-deferred diferida por backbone, al iniciar GrapesJS esta biblioteca se elimina, tengo que reiniciar la aplicación para recuperarla, ¿hay alguna forma de solucionarlo, por favor?
artf
No sé, intenta cargar esa librería después de GrapesJS o quizá mira esto http://backbonejs.org/#Utility-Backbone-noConflict podría ser un problema, ya que grapesjs, una vez compilado, contiene su propia versión de Backbone
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 cambiar mi opinión pero no en la exportación Por ejemplo, añadí este código Y ahora quiero mostrar este código a la vista ¿Cómo puedo tomar esta medida?
artf
Yo haría un componente personalizado para manejar ese caso. '''js domc.addType('data-list', { modelo: ... predeterminados: () => ({ ... Lista: [] }), VISTA: ... render() { ... const list = this.model.get('list'); const content = this.el.in...
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 es un problema, necesito ayuda. He integrado Grapes J con Drupal 8, para estilizar elementos de Drupal. No quiero que el selector de id que generas dinámicamente, sino que seleccione el id del elemento si tiene id o pida al usuario que lo introduzca. En realidad, no tenemos control sobre los elementos HTML. Solo no...
rajatkumcom
! selectoras de uvas
artf
GrapesJS genera estilo en CSS, no lo hace en línea, así que en este caso requeriría que el usuario indique siempre el ID antes de aplicar el estilo, así que funciona así por diseño
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, He añadido muchos bloques personalizados y he dado la misma clase CSS a todas las imágenes de esos bloques. Llamémoslo por ahora 'clase imagen'. Cuando arrastro y suelto 2 de esos bloques y selecciono 1 imagen en uno de ellos, la clase 'image-class' no aparece al primer clic en la sección de clases del p...
artf
No se puede reproducir, solo hay que proporcionar una demo en vivo (como sugiero en la plantilla del problema) con ese bloque
alimajed93
Voy a compartir contigo algunas capturas de pantalla que seguramente aclararán este problema:Paso 1: Arrastra y solta un bloque en el lienzo y seleccionarlo haciendo clic en él <img width="642" alt="captura de pantalla 2018-08-21 a las 10:...
artf
Entiendo cuál es tu problema, pero aun así, tienes que subir una demo en directo porque no puedo reproducirla. Puede depender de muchas cosas, solo capturas de pantalla no son suficientes. Ni siquiera estoy seguro de que estés usando la úl...
En la versión más reciente de Grapesjs. Puedo replicar errores en ambos. Linux Ubuntoo, Moxilla. Espero que el CSS solo aparezca una vez, si no, será demasiado en la ventana para usarlo al exportarlo. CSS se duplica. La duplicación ocurre con @keyframes estilos. Así que limpiar el lienzo, arrastrar pestañas bloquea so...
artf
@blairpanek no entiendo cómo reproducir el problema, por favor proporcionad una demo en directo
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
yomeshgupta
@artf ¡Gran trabajo en el proyecto! Sin embargo, he notado que 'CSS' dentro de 'media queries' se repite. ¿Alguna idea de por qué? Me pasa lo mismo en mi equipo local también. Eso también ocurre en la página de la demo: https://grapesjs.co...