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

#284019 de junio de 2020por tonypartridgeRespuesta 1
Reacciones 2

¿No se guarda el color/imagen del fondo del cuerpo?

Cuando pongo el color o la imagen de fondo en el cuerpo, no parece guardar dentro del html/css/components. ¿Hay algún truco para que el lienzo del fondo se guarde? Consulta el ejemplo adjunto. <img width="1345" alt="Captura de pantalla 2020-06-19 at 08 01 56" src="https://user-images.githubusercontent.com/1400982/8510...

tonypartridge

avoidInlineStyles: 1 lo resuelve.

#283919 de junio de 2020por akashdesale98Respuesta 1
Reacciones 0

Añadí un componente llamado plantilla en los bloques, pero cuando intento arrastrar otros componentes dentro de ese componente plantilla, se arrastra, pero tras guardarlo elimina todos los componentes que hay dentro. ¿Cómo evitar esto?

Este es el código del componente de plantilla: '''js exportar default { init(editor) { editor. DomComponents.addType('myTemplate', { isComponent: el => el.tagName == 'plantilla', modelo: { id: 'plantilla', Predeterminados: { etiquetaNombre: 'plantilla', Hoverable: Cierto, redimensionable: { minDim: 20, TC: 1, // Mejor...

artf

'<template>' La etiqueta debe tratarse de forma diferente #244

#283818 de junio de 2020por levansuper3 respuestas
Reacciones 1

Las secciones de estilo se duplican

Hola a todos Estoy utilizando: "grapesjs": "0.16.12", "página web de preset-grapesjs": "0.1.11", Y en el área de edición de CSS me aparece este comportamiento extraño: <img width="1527" alt="Captura de pantalla 2020-06-19 at 00 39 13" src="https://user-images.githubusercontent.com/223112/85069933-01cbdd00-b1c6-11ea-90...

levansuper

@artf en mi caso el problema era que estaba cargando el módulo usando node y no directamente en html. Al final encontré y respondí:

artf

Hola Levan, por favor intenta seguir la plantilla de la página preestablecida https://github.com/artf/grapesjs/blob/gh-pages/demo.html

etamity

@artf en mi caso el problema era que estaba cargando el módulo usando node y no directamente en html. Al final encontré y respondí: He descubierto que si pasas 'styleManager: { clearProperties: 1 }' a GrapesJS también se resuelve el proble...

#283716 de junio de 2020por tyrpRespuesta 1
Reacciones 0

Ejemplo roto en la documentación

El sandbox enlazado al final de esta sección no renderiza nada. "Un ejemplo completo de este enfoque puede encontrarse aquí" No hay errores en la consola, no estoy seguro si algo fue eliminado o por qué esto no funciona.

artf

Sandbox está actualizado, así que debería haberse arreglado.

#283616 de junio de 2020por RJCAMRespuesta 1
Reacciones 1

No se puede añadir clase al añadir el Componente Dom

GrapesJS Versión usada: 0.16.12 (actual) Es un comportamiento extraño, puedo añadir todos los atributos que quiero cuando añado componentes directamente dentro del canvas usando la función de añadir componentes dom (como el código abajo), pero el editor siempre elimina la clase. La clase solo se añade si creamos prime...

artf

Sí, tienes que usar la propiedad 'classes', pero estoy de acuerdo en que eso es confuso (porque las clases se tratan de forma un poco diferente), así que intentaré hacer posible la inicialización también con el valor 'attributes.class'

#283516 de junio de 2020por letstriRespuesta 1
Reacciones 1

No se aplica el tipo Sombra Exterior

Tengo que https://grapesjs.com/demo.htmlSelecciona cualquier elementoAñadir sombrero de cajaAjustar la sombra de caja hacia el interiorAjustar la sombra de caja hacia el exterior Vídeo: https://take.ms/9aFjz

artf

@BrooonS gracias, lo miraré

#283416 de junio de 2020por kuhelbeher3 respuestas
Reacciones 6

Grapesjs no inicializa estilos para envoltorio

Hola, me he encontrado con un error en el que grapesjs no inicializa estilos para el envoltorio. Pasos para reproducirse:Ir a https://grapesjs.com/demo.html Selecciona envoltorio y establece fondo. Añadirá la regla de "cuerpo" a los estilos y se mostrará en los ajustes de estiloActualizar la página - la regla "cuerpo"...

bryanjamesmiller

Esto parece solucionar el problema: ¿Hay alguna razón para no hacer esto @artf?

Jowcey

Oye, este problema sigue persistiendo. Las clases y el CSS añadidos a la capa corporal (envoltorio) se borran cada vez que se reinicia. Parece que el ID se aleatoriza y por eso el CSS se rompe, pero no sé por qué se elimina la clase.

aakash2610

Estoy pasando por el mismo problema. ¿Hay alguna solución alternativa para este problema sugerida por el equipo de grapesjs? Mientras tanto, ¿hay algún plazo para solucionar este problema?

#283316 de junio de 2020por jpdigitalRespuesta 1
Reacciones 0

¿Cómo añadir una barra de herramientas a un componente?

Hola, Me gustaría ampliar el componente de tabla con una barra de herramientas para añadir y eliminar columnas y filas. Por lo que entendí de la documentación y el código, la función 'onActive' debería activarse cuando se selecciona un componente. ¿O he entendido mal esta función? Porque cuando intento ampliar la vist...

artf

Consulta aquí https://github.com/artf/grapesjs/issues/266

#283215 de junio de 2020por mbaird4Respuesta 1
Reacciones 0

¿Reemplazar/anular plantilla para CategoryView?

Hola, ¿Me pregunto si es posible usar HTML personalizado para reemplazar la plantilla de CategoryView al añadir un bloque nuevo? He probado un par de cosas, pero basándome solo en el código fuente, no veo ninguna manera.

artf

No, desafortunadamente no es posible, pero siempre puedes crear tu propio contenedor de bloques y usar HTML5 D&D para soltar cosas Aquí puedes encontrar un ejemplo https://github.com/artf/grapesjs/issues/2595#issuecomment-593699277

#283115 de junio de 2020por mustahsanmustafa2 respuestas
Reacciones 1

Los componentes de texto no se comportan correctamente después de crear componentes personalizados

Hola artf, Después de crear componentes personalizados, el componente de texto no se comporta como antes. Elimina todos los nodos desnudos después de cambiar algún código en modo importación. Por ejemplo Después de editar algo en importación modal, se cambia a: Como puedes ver, eliminó el nodo de texto desnudo, es dec...

artf

Estás mezclando la API antigua con la nueva para la definición de componentes personalizados. Con 'model: defaultModel.extend({' se requería un 'isComponent' interno estático (estás usando uno externo, como en la nueva API) y sin él, estás...

mustahsanmustafa

ACTUALIZACIÓN: Si simplemente extiendo mis componentes personalizados desde textnode en vez de default, entonces el problema se resuelve de alguna manera: Pero será mejor si el problema se resuelve por defecto también. ¡Salud

Explora todos los temas