Arrastrar y soltar no funciona en la ventana del editor redimensionada en Google Chrome
Hola, gracias por tu respuesta. 'editor.refresh()' tampoco funcionó. Pero, finalmente, el problema se solucionó al actualizar el Google Chrome y el boletín preset-de de grapesjs.
Lee la respuesta completa abajo ↓Pregunta
Hola, he desarrollado algunos componentes y todo funciona bien en Firefox, navegador Opera.
En Google Chrome también funciona bien solo en modo editor pantalla completa. Pero, al redimensionar el tamaño de la pantalla del editor (ancho y altura personalizados), arrastrar y soltar no funciona para todos los componentes. La barra verde para señalar la ubicación de la caída objetivo tampoco se mostra.
En ocasiones, solo permite arrastrar y soltar un componente y luego bloquea todos los demás componentes. Y No se muestran errores en la ventana de la consola.
Intenté mucho solucionar este problema. Limpiamos la caché, pero aún así no encontré solución. Creo que al redimensionar la ventana del editor, algunos oyentes no se registran correctamente en la ventana del editor redimensionado de Google Chrome. ¿Puedes darme una buena solución para este problema? Gracias.
Respuestas (3)
Hola, gracias por tu respuesta. 'editor.refresh()' tampoco funcionó. Pero, finalmente, el problema se solucionó al actualizar el Google Chrome y el boletín preset-de de grapesjs.
¿Puedes explicar cómo se redimensiona el editor?
Esta es la función que uso para redimensionar la ventana.
función resizeEditor() {
si ($('.detailview-header').length > 0) {
$('#MyTemplateEditor').altura(($(ventana).altura() - 150 - $('.encabezadodetallevista').outerAltura(verdadero) - 70) + 'px');
} else {
$('#MyTemplateEditor').altura(($(ventana).altura() - 150) + 'px');
}
$('#MySettingsContentContainer').altura(($('#MyTemplateEditor').altura() - 65) + 'px');
}
Así es como inicialmente redimensioné la ventana del editor
resizeEditor();
$(window).on('redimensionar', resizeEditor);
(el código anterior funciona bien en Firefox y el navegador Opera)Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #337
Número IE 11
No puedo soltar componentes en Canvas en IE 11, pero funciona bien en Firefox y Chrome. Al hacer clic en bloques para arrastrar, aparece un...
Issue #950
Editor.setdevice() no funciona correctamente en algunos navegadores.
Estoy cambiando el dispositivo usando la función editor.setdevice llamándolo en la función document.ready. En la mayoría de los dispositivo...
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #1896
[BUG] El componente del plugin personalizado no es reconocido
SO: Windows 10 x64 Navegador: Chrome 72.0.3626.121 x64 GrapesJS: v0.14.55 Hola, tengo algunos componentes personalizados (pestañas de arran...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.