Hola, He estado usando tu herramienta durante un tiempo y decidí actualizar a una versión más nueva (de la v0.12.37 a la v0.16.3 + gjs-preset-newsletter). Tengo los estilos almacenados en línea, sé que no es deseable, pero como usamos la herramienta para crear correos, sigue siendo una opción más segura. Is hay alguna...
artf
Te sugeriría usar esta opción '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, }, }) ```
Hola, estoy usando la fuente de Google de Montserrat. Después de probar tantas cosas, finalmente pude configurar la fuente de la siguiente manera: '.gjs-pn-buttons > span{ familia tipográfica: "Montserrat", sans-serif; }` Pero cuando hago esto, la fuente cambia pero los iconos de font-awesome no funcionan. Por favor,...
mcottret
¡Hola @jayeshmotwani! Fuente Genial depende del atributo 'font-family' para sus iconos, y dado que tu selector también apunta a estos iconos además del texto, la 'font-family' de Font Awesome se anula por la tuya, lo que rompe sus iconos....
jayeshmotwani
@mcottret Gracias por tu respuesta. Solucioné esto añadiendo el texto de la etiqueta dentro de una etiqueta y asignando mi fuente personalizada solo a esa etiqueta en particular, en lugar del <span> botón entero. ¡Salud!
He creado un componente añadido a la "vista". Quiero mostrar este componente solo en vista (y no añadir al modelo/html y así añadido a la vista). Me gustaría aprobar cualquier tarea o cambio de "clase" en este componente. Para esto, necesito escuchar un evento para cualquier trabajo de clase. ¿Es esto posible?
megarg
Lo he descubierto — usando el gancho local "update" actualizado(property: any, value: any, prevValue: any) { para (sea i = 0; i < valor.models.length; i++) { log.debug('$$$$ :', value.models[i].attributes.name); } }, Estoy usando "value.mo...
Hola, Primero tengo que darte las gracias por crear este editor tan increíble. Quiero contribuir para la documentación de la parte del gestor de bloques. Al revisar la documentación, descubrí que el ejemplo de eliminar el gestor de bloques falta en la documentación. He actualizado la documentación y creado una solicit...
GoodPHP
Hola, Si no encontraste la respuesta aquí, puedes contactar con Devfuture Team: https://devfuture.pro/contact/ Nos especializamos en GrapesJS.
¡Hola a todos! Estoy usando grapesjs con vuejs y estoy teniendo problemas con el CORS. Creé mi endpoint falso con Beeceptor y tengo el código de editor a continuación: Funciona perfectamente si hago solicitudes normales como 'post(url, params).then()...' pero da un error CORS cuando uso 'this.editor.store()'. He notad...
Zero-Zheng
Hola: Mi solución es: Configuraciones JS de uvas 'storageManager: { Tipo: 'Local', guardado automático: Cierto, pasos Antes de guardar: 1, autoload: cierto, }` Solicita la API para obtener datos y guardar 'localStorage.setItem ('gjs-html',...
tranle13
@Zero-Zheng, ¡gracias por la solución! Tengo que trabajar en remoto, ¿hay alguna forma de hacer que trabaje remotamente con un endpoint falso? x( ¿O es imposible?
artf
Depende del proveedor del endpoint decidir si la solicitud cruzada es válida, GrapesJS (o cualquier biblioteca cliente) no tiene nada que ver con eso. Aquí puedes leer más sobre cómo funciona CORS https://developer.mozilla.org/en-US/docs/W...
Versión: 0.16.18 Error: Seleccionar el color de fondo inicial no funciona Cómo reproducirlo: https://imgur.com/xqkt46E En realidad:El trasfondo del componente no cambia. Esperado:El fondo del componente debe cambiar a #000000 ¡Gracias @artf!
mcottret
Hola @tranthanhhoa y @RJCAM, El error solo aparece cuando se selecciona específicamente un valor de color de fondo de '#000000'. Al rastrearlo, se debe a que el valor por defecto de la propiedad de ''color de fondo'', ''ninguno'' está esta...
RJCAM
@tranthanhhoa no puedo reproducir este error en la demo (igual que tú), funciona bien aquí, mira esto: ! color-fondo ¿Qué hacías antes?
tranthanhhoa
El valor por defecto de la propiedad de color de fondo, Transparente, me funcionó. ¡Muchísimas gracias @mcottret!
He incrustado Grapesjs en mi proyecto, pero intenté usar el componente link, pero ¿cómo puedo comprobar si ese enlace me está redirigiendo a la URL especificada?
artf
Los enlaces están desactivados intencionadamente, la forma correcta es usar una vista previa externa, de lo contrario podrías redirigir al usuario fuera del editor
Hola @artf Quiero implementar el salto dinámico de enlace en Grapes JS, pero no encuentro un método efectivo. ¿Puedes ayudarme? ! imagen
artf
Si por "salto de hipervínculo" te refieres al enlace ancla, en ese caso tienes que añadir '#IDELEMENT' al enlace, donde IDELEMENT es el id del elemento que quieres apuntar
Hola @artf es una herramienta increíble y fácil de usar, enhorabuena a ti. Quiero cambiar los iconos de los encabezados como el icono de bloques, el icono del gestor de capas por texto, como por ejemplo "Capas", "Bloques", "Estilo", etc ¿Cómo puedo archivar esto? Por favor, házmelo saber. Gracias. ! Captura
SahilParmar123
solucionado usando esto pnm.getButton('views', 'open-sm').set({ Etiqueta: '<svg>...</svg>' });
Estoy usando GrapesJs para definir plantillas FTL de Freemarker. Estoy buscando un problema cuando mi componente personalizado en HTML ha sido modificado tras insertarlo en Canvas o importado a través del componente Importar plantilla usando el plugin de boletín. Así que mi contenido HTML original es así: en Lo que co...
tomazkramberger
@tomazkramberger encontraste una solución a este problema? @ShenolHusein Sí, lo hice. Aquí está el enlace a la solución https://stackoverflow.com/questions/63475404/html-editor-removes-freemarker-tags-inside-table-tag
ShenolHusein
@tomazkramberger encontraste una solución a este problema?