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

#233216 de octubre de 2019por kondziu952 respuestas
Reacciones 0

No se puede editar la etiqueta en el navegador Firefox

Hola, No puedo editar la etiqueta en el navegador Firefox (v. 69.0.3). El problema ocurre cuando hago doble clic en el componente para editarlo. RTE muestra la barra de herramientas, pero no se puede cambiar texto o atributos. La consola web no muestra ningún error. Cuando el texto está seleccionado y intento, por eje...

artf

https://bugzilla.mozilla.org/show_bug.cgi?id=853519 Probablemente la solución más sencilla sería forzar a la Vista a usar la etiqueta 'span' en lugar de 'etiqueta'

schmelik

Esto fue una 'solución' interesante, pero viene con problemas... ¡spans != etiquetas Al aplicar relleno a las etiquetas, como las etiquetas bootstrap, el relleno no se aplicará a un tramo no a menos que 'display: inline-block;' también se...

#233116 de octubre de 2019por hellocaio2 respuestas
Reacciones 0

Reglas CSS sobrescritas por cssComposer.setRule(...)

Mi sitio tiene una barra lateral personalizada para establecer colores a nivel de sitio, familias de fuentes, tamaños de fuente, etc. Cuando cambio un estilo (es decir, color de texto), pierdo cualquier otro estilo que antes estaba configurado por mi barra lateral personalizada (por ejemplo, familia de fuentes, tamaño...

artf

Cuando cambio un estilo (es decir, el color del texto), pierdo cualquier otro estilo que antes estaba configurado por mi barra lateral personalizada (es decir, familia de fuentes, tamaño de fuente). No me queda claro qué cambias y dónde se...

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

#232915 de octubre de 2019por mustahsanmustafa2 respuestas
Reacciones 1

El lienzo elimina el renderizado de componentes tras el evento de cambio de valor de los rasgos

He creado componentes y bloques personalizados, pero cuando cambia el valor de los rasgos, el elemento renderizado se vuelve invisible desde el lienzo hasta que se recarga. Así que siempre que ''' this.components('<app-body props='${value}'></app-body>'); "'' Esta línea se ejecuta, el bloque cargado se vuelve invisibl...

artf

@mustahsanmustafa Creo que aquí hay algo que se está torciendo... '''js init() { this.listenTo(this, 'change:attributes', this.handleChange); this.handleChange(); }, handleChange() { valor const = JSON.stringify(this.getAttributes()); this...

pouyamiralayi

¡Hola! Ser más específico en la reacción sobre qué atributo está cambiando realmente te ayudaría a reducir el problema de rendimiento en tu caso. ¡Salud!

#232814 de octubre de 2019por MariusDKRespuesta 1
Reacciones 0

No se puede leer la propiedad 'hasFocus' de null

¡Hola @artf Me sale el error Cannot la propiedad de lectura 'hasFocus' de null cuando pulso 'a', 's', 'd' y 'w' desde el teclado en los componentes de texto de entrada en el lienzo. ErrorTipoUncatch: No puede leer la propiedad 'hasFocus' de null en Object.hasFocus (grapes.min.js:12) En la carrera (grapes.min.js:3) en...

MariusDK

Se trata de mapas de teclas: D significa core:componente-delete A significa core:componente-exit s significa core:componente-next W significa core:component-prev Para solucionar el error tengo que usar:Eliminar todos los keymaps asignados...

#232612 de octubre de 2019por UysimRespuesta 1
Reacciones 0

Sector no encontrado

Intento añadir propiedades '''jsx styleManager.addProperty('decoraciones',{ nombre: 'Ancho superior del borde', propiedad: 'ancho de borde superior', Tipo: 'entero' }) ``` He recibido aviso ''sector de decoraciones no encontrado' Intento depurar con 'editor.getSector('decorations')' y me queda indefinido Cuando consue...

artf

Probablemente estés colocando tu código antes de que se cargue el sector de 'decoraciones'. Comprueba el orden de tus plugins

#232512 de octubre de 2019por adityaMurarkaRespuesta 1
Reacciones 0

Cómo usar "append" para crear una estructura en un menú lateral en el editor y también es posible desactivar un plugin al seleccionar otro.

[Pregunta]: 1.) Estoy intentando crear una barra lateral de hamburguesas para la vista a pantalla completa en lugar de solo para la vista móvil. Pero cuando hemos dejado el plugin, al eliminar cualquier otro plugin no obtiene una estructura adecuada en el cuerpo para separar el resto del contenido y se solapa. ¿Hay al...

artf

Si necesitas personalizar un componente, lee y entiende cómo funcionan aquí: https://grapesjs.com/docs/modules/Components.html Tienes control total sobre el componente en el lienzo usando su Vista

#232411 de octubre de 2019por ramusesanRespuesta 1
Reacciones 0

No se puede seleccionar o redimensionar el tr (fila) de la tabla

Estoy intentando seleccionar fila (tr) y redimensionar, pero no he podido Solo puedo seleccionar TD La demo en directo está aquí https://drive.google.com/file/d/1zzsGrWkrDAPozDncaHTwwGggeE2ZzJYP/view

artf

Visualmente, la celda está encima de la fila, así que no puedes seleccionarla, tienes que usar el botón de selección de padres (icono de flecha hacia arriba en la barra de herramientas) para seleccionar la fila.

#232311 de octubre de 2019por jeff-panart2 respuestas
Reacciones 0

¿Es posible añadir una imagen de fondo o un vídeo?

Hola, Instalé grapesjs localmente y añadí el plugin de blocks-basic y almacenamiento local. Todo parece funcionar bien, excepto el fondo del cuerpo. Puedo configurar el color de fondo, pero la opción de imagen de fondo no parece funcionar. ¿Es algo que debería añadir manualmente? Al sacarla de la caja, me aparece la o...

jeff-panart

Parece que lo he solucionado: necesitaba hacer doble clic en la imagen. Curioso, seleccionar una imagen a través del bloque de imagen, no hace falta hacer doble clic...

jeff-panart

Cerrado demasiado rápido, el problema de la imagen de fondo se ha resuelto. Me preguntaba: ¿es posible añadir un vídeo como fondo?

#232211 de octubre de 2019por dukie663 respuestas
Reacciones 2

¿Qué es la opción protegida Css? ¿Cómo se usa?

Quiero dar un estilo predeterminado para algunos elementos. ¿Hay alguna opción para eso?

jcarizza

Hola @dukie66 una forma de añadir estilos predeterminados es añadir una hoja de estilos en la inicialización de GrapeJS. Esto cargará dentro del lienzo la hoja de estilo

jcarizza

Es necesario escribir la URL completa para cargar la hoja de estilo CSS. o Aquí tienes un ejemplo usando protectedCss. Revisa tus reglas CSS por si estás escribiendo algo mal. https://codepen.io/jcarizza/pen/rNNeQvG

dukie66

@jcarizza Gracias por comentar. Si ves que cuando exportas lienzo, siempre hay algunos estilos predeterminados para "cuerpo" y "*". Así, quiero darle a mi total "img" un ancho de elemento del 100%. Poner un archivo CSS externo en la opción...

Explora todos los temas