Hola a todos, 1) ¿Puedo usar este framework para generar un archivo pdf después de editar la página HTML? ¿Y cómo puedo hacerlo? 2) ¿Puedo preparar plantillas y proporcionarlas para que el usuario las edite a través del framework? ¿Y cómo puedo hacerlo? Gracias.
artf
¿Puedo usar este framework para generar un archivo pdf después de editar la página HTML? ¿Y cómo puedo hacerlo? No hay un comando incorporado para generar el PDF por ti, pero puedes obtener el código HTML de la plantilla y generar el PDF a...
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 creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé que puede que no sea lo ideal, pero ahora mismo está así. Mi problema es que cuando recargo el editor con mis valores anteriores pasándolo en la prop de componentes, todos mis IDs...
artf
@simplecommerce nuevo lanzamiento publicado
simplecommerce
¿Alguien tiene alguna idea para este problema? Mi problema ocurre cuando uso, por ejemplo, pestañas de arranque; para que funcionen y carguen la pestaña correcta, usa el ID, pero como el ID se regenera cuando cargo el editor con mis compon...
sbiwaichoon
Mismo problema aquí. Si he usado ese ID en el código, cambia el ID cuando (ID-2) recarga la plantilla a Grapejs (añado automáticamente "-2" a mi ID). Si no uso ese ID en ninguna parte de mi código, está bien, el ID no cambiará
Hola artf, Tengo una pregunta cuando implemento un componente de cuadrícula con fila y tres celdas, quiero hacer que estas celdas sean reutilizables por ancho y alto , así que hago un evento cuando el componente seleccionado lo establece redimensionable = true , Cuando redimensionar la altura de las celdas funciona, p...
artf
Esto es porque la cuadrícula usa flex, así que deberías usar 'flex-base' para el ancho. En ese caso, 'redimensionable' debería ser un objeto como este '{ keyWidth: 'flex-basis' }'
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.
Algo se vuelve loco cuando el área de texto se extiende más allá de cierto punto. No sé exactamente cómo describirlo, así que incluyo una grabación de pantalla. Para reproducir, ve a https://grapesjs.com/demo-newsletter-editor.html, introduce un componente de texto que esté cerca de la parte inferior del visor, ve al...
artf
Error de CKEditor (de hecho, el RTE por defecto está bien), probablemente relacionado con que el elemento esté en el iframe (desafortunadamente muchos editores de texto fallan por no considerar este aspecto)En algún momento empieza a resal...
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.
Cuando añado bloque (etiqueta i), el tipo de data-gjs es "I" (no hay problema con el rasgo que creé) ! screenshot5 Tengo un rasgo ! screenshot7 Pero si guardo y recarga, el data-gjs se escribe como "por defecto" (el rasgo no funciona) ! screenshot_6 Gracias
artf
Almacenas/cargas incorrectamente, lee aquí por favor https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates
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 añadir el nuevo campo en los rasgos de entrada por defecto. Por ejemplo:- Necesito añadir {Label: Binding, Name:Binding} en Ya existen rasgos de entrada ! imagen En la imagen de arriba. Necesito añadir el nuevo campo entre el nombre y el marcador de posición. ¿Alguien puede ayudarme, por favor? Gracias de...
arthuralmeidap
En la documentación, hay exactamente una explicación sobre lo que buscas. Echa un vistazo aquí: https://grapesjs.com/docs/modules/Traits.html#add-traits-to-components
Ramkumar-Murugesan
Yo lo hice usando Y funciona bien
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.
He activado el icono de fa fa-pencil en mis componentes de imagen, pero quiero que solo esté activado en componentes específicos de la imagen, no en todos. ¿Cómo puedo conseguirlo? Este es mi código
arthuralmeidap
Vas por buen camino. Sí, tienes que crear un nuevo componente para eso, pero no puedes anular el tipo de componente Imagen, porque si no, como has visto, todas las imágenes recibirán eso. ¿Qué hace únicas esas imágenes? ¿Cómo podrías difer...
sakshigarg9
Lo probé y eliminé gjs-data-type="image" de la etiqueta img donde quiero que se aplique la funcionalidad. Pero tampoco implementa la funcionalidad que tiene y además altera el resto de las propiedades de los componentes.
artf
@sakshigarg9 para evitar líos usa la nueva 'addType' (en tu caso te pierdes la propiedad 'ver' y esto rompe cosas en la declaración antigua) Por cierto, sugiero crear un tipo de componente NUEVO extendiendo la 'imagen' en lugar de solo ext...
Hola @artf, Estoy intentando crear un componente personalizado y adjuntarle un JS. Para darte un mejor ejemplo, piensa en este componente como un componente de presentación de diapositivas. Para este componente, tengo algunos rasgos personalizados que permiten al usuario cambiar algunas configuraciones predefinidas. E...
artf
El problema ocurre cuando conecto los Js a través de la clave script mientras añado el bloque. El método isComponent no se está llamando para mi nuevo componente personalizado. Hola Arthur, ¿puedes dar un ejemplo de código de tu caso? Porq...
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, Encontré el siguiente problema usando uvas dentro de una página html: Cuando haces clic en algunos elementos del editor, como la flecha para mover un elemento en el gestor de etiquetas, toda la página se desplaza hacia arriba. El problema también se encuentra en tu plantilla de inicio de JSFiddle https://jsfiddl...
artf
Vale, usamos la API scrollIntoView para centrar elementos en el lienzo (cuando seleccionas el componente en Capas) y en capas (al seleccionar componentes en lienzo), pero parece que esto aparece en la ventana principal. Al mirar https://st...
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, Solo tenía una pregunta rápida porque no sabía cómo hacerlo o no encontré ningún problema relacionado. Solo intento llamar a una función cuando se haga algún cambio en el lienzo. Por ejemplo, estoy añadiendo un bloque o quitando un bloque. Estoy cambiando los atributos usando el gestor de estilos. O arrastrar y...
a-bashtannik
@simplecommerce, prueba también esto, quizá te quede mejor '''javascript editor.on('change:changesCount', e => { ¡Cambio! }); ```
arthuralmeidap
La forma en que lo hiciste es la más sencilla para lograrlo, en mi opinión.
arthuralmeidap
¿Qué quieres lograr al final? Podrías usar algo como 'editor.on('all', () => //tu código aquí );' pero esto no es nada práctico. GrapesJS está activando muchos eventos y no creo que esto se adapte a tus necesidades.