Problema raro con arrastrar y soltar internos - Contenido soltado === "null"

Hola @artf,

Me estoy enfrentando a un problema muy extraño relacionado con el arrastrar y soltar en HTML5.

Cuando selecciono algunos contenidos mixtos dentro de grapesjs, incluyendo contenido de texto editable y los componentes circundantes como una selección completa con el ratón, el contenido eliminado (copiado) a veces es "null" (una cadena que contiene el valor de texto "null", no un null de JavaScript).

He conseguido reproducir el problema con la demo del boletín, con Chrome 71.0.3578.98. No sé si pasa con otros navegadores o no...

! grapesjs null dragend

Cuando surge el problema, he notado que, al capturar el evento canvas:dragdata, la variable result.content es "null" (cadena). He mirado la pila de llamadas y he visto que este valor proviene de la llamada dataTransfer.getData("text/html") en la función principal Droppable.getContentByData() de grapesjs:

'} si no ((0, _underscore.indexOf)(types, 'text/html') >= 0) { content = dataTransfer.getData('text/html').replace(/</?meta[^>]*>/g, '');'

No sé por qué, ni en qué circunstancias el navegador envía "null" mientras busca datos en formato texto/html. Todos los demás formatos parecen tener un valor correcto. Verás que uso el plugin CKEditor, por eso tengo algunos "formatos" adicionales relacionados con CKEditor en dataTransfer:

! chrome_2019-02-14_15-57-49

¿Podrías comprobar si puedes reproducir esto por tu cuenta y si puedes hacer algo para manejar este caso dentro de grapesjs? (suponiendo que pueda ser un error relacionado con el navegador).

Mientras tanto, gestioné esto por mi cuenta eligiendo el valor de dataTransfer.getData("text/plain") cuando era posible, y devolviendo el contenido vacío de lo contrario:

'''js
myGrapesJsObject.on('canvas:dragdata', function (dataTransfer, result) { si (resultado && resultado.contenido) { if (typeof (result.content) == "string" && result.content === "null" && dataTransfer.getData("text/html") === result.content) { resultado.contenido = ""; if (dataTransfer.types && dataTransfer.types.length > 0) { for (var i = 0; i < dataTransfer.types.length; i++) { if (dataTransfer.types[i] == "texto/plano") { var altValue = dataTransfer.getData(dataTransfer.types[i]); si (altValue && altValue != "") { result.content = altValue; pausa; } } } } } } }

Como dato adicional, a veces he visto que el objeto dataTransfer lleva algunos contenidos "antiguos" que se han dejado caer de arrastres anteriores, y no lo más reciente. Pero hasta ahora no he podido encontrar cuándo ni por qué, así que no te molestaré con esto por ahora (a menos que sea un problema conocido y necesites más información sobre este asunto en particular).

¡Gracias por vuestras opiniones!