Las secciones de estilo se duplican
@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)
@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']
}]
}
})
Hola Levan, por favor intenta seguir la plantilla de la página preestablecida https://github.com/artf/grapesjs/blob/gh-pages/demo.html
@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.
Issue #609
La edición CSS duplica propiedades del cuerpo
Sigue duplicando secciones y propiedades del cuerpo: Cuando lo subo, esto es lo que parece: <img width="472" alt="captura de pantalla 2017-...
Issue #1358
Crear enlace solo al pulsar el botón "OK"
Hola a todos, Sobrescribí el acto predeterminado 'Enlace' del editor de texto enriquecido: <img width="1274" alt="captura de pantalla 2018-...
Issue #3476
TypeError: No se puede leer la propiedad 'querySelector' de null
<img width="1172" alt="Captura de pantalla 2021-05-24 at 6 55 23 PM" src="https://user-images.githubusercontent.com/55732888/119354444-b8cb...
Issue #3267
No se puede configurar el desenfoque de sombra de la caja 0px
Por alguna razón, el editor no permite poner el desenfoque en 0px. 0 siempre se convierte mágicamente en 5px. <img width="243" alt="Captura...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.