El selector de color muestra una posición incorrecta
Hola, he solucionado esto usando la siguiente configuración: 'grapesjs.init({ ColorPicker: { appendTo: 'padre', Desplazamiento: { arriba: 26, izquierda: -166, }, }, })` Quizá tengas que ajustar la posición superior e izquierda, porque yo cambié algunas tallas. Pero aquí funciona perfectamente.
Lee la respuesta completa abajo ↓Pregunta
! añadir
Respuestas (3)
Hola, he solucionado esto usando la siguiente configuración:
'grapesjs.init({
ColorPicker: {
appendTo: 'padre',
Desplazamiento: { arriba: 26, izquierda: -166, },
},
})`
Quizá tengas que ajustar la posición superior e izquierda, porque yo cambié algunas tallas. Pero aquí funciona perfectamente.
Tuve exactamente el mismo problema y, gracias a tu consejo sobre ColorPicker.js pude solucionarlo.
Como dice artf, el cálculo de posición es incorrecto cuando el editor aparece con una ventana emergente, como en bootstrap modal. Así que he reemplazado las líneas de corrección aquí así: '''javascript desplazamiento.izquierda -= Math.min( desplazamiento.izquierda, offset.left + dpWidth > viewWidth && viewWidth > dpWidth ? Math.abs(offset.left + dpWidth - viewWidth) : 0 );
offset.top -= Math.min( offset.top, offset.top + dpAltura > vistaAltura &&vistaAltura > dpAltura ? Math.abs(dpHeight + inputHeight - extraY) : extraY );
a un simple
'''javascript
desplazamiento.izquierda += entrada.anchoDeExterior();
offset.left -= input.closest(".gjs-editor").offset().left;
offset.left -= dpWidth;
offset.top += entradaAltura;
offset.top -= input.closest(".gjs-editor").offset().top;
Esto me funciona perfecto, porque tomé el offset de entrada y resté el offset de popup y el selector de fechas. A más.
Yo solo no creo una solicitud de fusión porque creo que no es la mejor manera de manejar esto. Además, la primera posición debe reconocer mejor los bordes del navegador. Intentaré optimizar el cambio y crear algunos casos de prueba a página completa durante el fin de semana, porque me encanta este editor. Probablemente también haya una forma predeterminada de obtener el elemento contenedor, que superviso durante la investigación de código.
¿Puedes dar un ejemplo en tiempo real del problema? (jsfiddle, codepen, etc.)
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1711
Error en la posición del prompt tras mover el lienzo
1、移动画布 2、点击layerManager(如果不点击layerManager 不会出错) 3、画布里的提示框位置出错Lienzo móvilHaz clic en layerManager (Si no haces clic en layerManager, no fal...
Issue #1434
Barra de herramientas Ocultar elemento de texto
@artf Por favor, comprueba que el texto de tu página de demostración esté oculto bajo la barra de herramientas. ¿Cómo podemos actualizar la...
Issue #768
Problema con el navegador IE
Hola @artf, Creó este problema debido a https://github.com/artf/grapesjs/issues/214 ha sido cerrado... Cloné el último repositorio y lo eje...
Issue #1615
[Funcionalidad] soporte para editar atributo de solicitud de credenciales en Almacenamiento remoto
Las opciones de credenciales están obligadas a ser 'incluidas' en Almacenamiento Remoto. https://github.com/artf/grapesjs/blob/master/src/s...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.