Issue #596✓ ResueltoAbierto el 30 de noviembre de 2017por TrungPham383Reacciones 9

El selector de color muestra una posición incorrecta

Respuesta rápidapor fguslinski8

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

Respuestas (3)

👍 Muy útilfguslinski22 de agosto de 2018

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.

swarnat6 de julio de 2018

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.

artf1 de diciembre de 2017

¿Puedes dar un ejemplo en tiempo real del problema? (jsfiddle, codepen, etc.)

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 →

Explorar categorías de plugins

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