Issue #2838💬 RespondidoAbierto el 18 de junio de 2020por levansuperReacciones 1

Las secciones de estilo se duplican

Respuesta rápidapor levansuper1

@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í:

Lee la respuesta completa abajo ↓

Pregunta

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-909b-7b77a048eefe.png"> ¡Muchas de las secciones están duplicadas!

Este es el repositorio con mi código: https://github.com/levansuper/grapes

Respuestas (3)

levansuper23 de junio de 2020

@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í:

importar gjsPresetWebpage desde "grapesjs-preset-webpage";
Bla, bla, bla...
GrapesJS.init({
...
plugins: [gjsPresetWebpage],
pluginsOpts: {
    [gjsPresetWebpage]: {
        customStyleManager: [{
            nombre: 'General2',
            abierto: falso,
            buildProps: ['flotar', 'mostrar', 'posición', 'arriba', 'derecha', 'izquierda', 'abajo']
        }]
    }
})
etamity29 de abril de 2021

@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í:

importar gjsPresetWebpage desde "grapesjs-preset-webpage";
bla, bla, bla...
GrapesJS.init({
...
plugins: [gjsPresetWebpage],
pluginsOpts: {
[gjsPresetWebpage]: {
customStyleManager: [{
nombre: 'General2',
abierto: falso,
buildProps: ['flotar', 'pantalla', 'posición', 'arriba', 'derecha', 'izquierda', 'abajo']
        }]
    }
})

He descubierto que si pasas 'styleManager: { clearProperties: 1 }' a GrapesJS también se resuelve el problema

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.