Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#18729 de marzo de 2019por kickbk2 respuestas
Reacciones 0

Pulsando Enter dentro de un componente de texto varias veces

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.

#18708 de marzo de 2019por fmr4112 respuestas
Reacciones 0

Establecer data-gjs-type en la etiqueta i (Por qué el componente no funciona)

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.

#18697 de marzo de 2019por Ramkumar-Murugesan3 respuestas
Reacciones 0

Cómo añadir campo extra en los rasgos de entrada

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.

#18687 de marzo de 2019por sakshigarg93 respuestas
Reacciones 1

Cómo habilitar funcionalidades solo para componentes específicos de la imagen, no para todos

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...

#18676 de marzo de 2019por arthuralmeidap2 respuestas
Reacciones 0

Composición personalizada y JS

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.

#18656 de marzo de 2019por Gianglo2 respuestas
Reacciones 0

Las uvas cambian la posición de la página

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.

#18646 de marzo de 2019por simplecommerce3 respuestas
Reacciones 3

¿La mejor manera de escuchar los cambios en el HTML final?

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.

#18636 de marzo de 2019por sakshigarg93 respuestas
Reacciones 3

Incorporación de nuevos componentes a Block Manager

Estoy intentando añadir varios componentes que están en mi canvas al gestor de bloques, pero creo que por un problema de identificación no son visibles correctamente. ¿A qué se refiere exactamente el id? Aquí está mi código:

WebEtSolutions

Hola, Tu ID de inicio de sesión en LinkedIn es el mismo que tu inicio de sesión en GooglePlus. La clave del bloqueo debe ser única. Adiós

arthuralmeidap

El id se utiliza internamente para rastrear cada bloque individualmente. Como @WebEtSolutions dicho, deberías poner identificadores únicos en cada nuevo bloque

sakshigarg9

OHH, vale, funcionó, ¡gracias!

#18626 de marzo de 2019por sakshigarg93 respuestas
Reacciones 0

Reflejar componentes eliminados en el administrador de bloques

¿Cómo puedo crear componentes dinámicos en el gestor de bloques de modo que, cuando se realice una acción de eliminación sobre un componente, se active para que este se coloque en el gestor de bloques?

arthuralmeidap

Bueno, componentes y bloques son conceptos diferentes. Si hablas de bloques, puedes usar el '.trigger('remove')' en el bloque que lo eliminará del BlockManager

artf

@sakshigarg9 Lee la documentación https://grapesjs.com/docsIntenta entender lo que estás leyendoIntenta resolver tus problemas por ti mismoSi no puedes hacerlo, puedes abrir un problema siguiendo su plantilla y MOSTRARNOS lo que has intent...

sakshigarg9

@artf gracias por toda vuestra paciencia, haré lo mismo a partir de ahora

#18616 de marzo de 2019por sakshigarg92 respuestas
Reacciones 0

Administrador de activos para botones y texto

Al igual que una imagen tiene un gestor de activos que puede ofrecer alternativas predefinidas para el componente de imagen, ¿es posible implementar algo similar para botones y texto? Como proporcionar iconos alternativos para el componente de botón o texto predefinido alternativo para el componente de texto. Por ejem...

artf

@sakshigarg9 con Components personalizados puedes hacer lo que quieras. Probablemente solo debas echar un vistazo a cómo se fabrica el componente de imagen (su modelo y vista)

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.

Explora todos los temas