Las uvas cambian la posición de la página
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://stackoverflow.com/a/52835382 esta configuración parece solucionar el problema '''j...
Lee la respuesta completa abajo ↓Pregunta
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://jsfiddle.net/szLp8h4n.
Respuestas (2)
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://stackoverflow.com/a/52835382 esta configuración parece solucionar el problema '''js const editor = grapesjs.init({ // ... layerManager: { scrollCanvas: { behavior: 'smooth', bloquear: 'más cerca' }, scrollLayers: { behavior: 'auto', bloquear: 'más cerca'}, }, });
Actualizaré los valores por defecto en la próxima versión
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1949
[Bug] Con la opción de analizador keepEmptyTextNodes activada, un bloque arrastrado se suelta por encima de la posición objetivo
Hola @artf, Siguiendo tu consejo para activar la opción "keepEmptyTextNodes" en el analizador para solucionar mi problema del #1915 (grapes...
Issue #1913
[BUG] Especificar el tamaño del fondo en las propiedades del fondo rompe grapesjs
Usando las últimas versiones de 'grapesjs' (0.14.55) y 'grapesjs-preset-webpage' (0.1.10), he configurado mi editor de la siguiente manera:...
Issue #896
[BUG] Las reglas de consulta de medios son anuladas por las reglas de clase en el lienzo
Hola @artf, He notado un problema mientras probaba una de mis plantillas usando diferentes configuraciones de dispositivos que supuestament...
Issue #1579
Problema del color del borde
@artf Hay un error en el color del borde si arrastras un botón en el editor y pegas color como rgb(255, 0, 0) en color del borde y seleccio...
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.