Actualmente estoy creando una aplicación de reacción que usa draftjs como Editor
En particular, agregué una función de imagen pegada con el uso de atributos onPastedFilesChange y métodos AtomicBlockUtils.insertAtomicBlock.
El usuario puede pegar la imagen en el Editor y, mientras tanto, la imagen se carga en el servidor de archivos.
Pero actualmente, me enfrenté a un problema. Cuando el usuario ingresa la tecla de retroceso para eliminar la imagen pegada. Necesito eliminar la imagen en el servidor.
Entonces necesito saber qué contenido se elimina cuando el usuario ingresa la tecla de retroceso.
Puedo capturar el evento mediante el atribuidor handleKeyCommand, pero no sé cómo capturar el contenido eliminado ingresando la tecla de retroceso.
¿Alguien sabe cómo capturar el contenido eliminado causado por la tecla de retroceso?
Muchas gracias
<Editor handlePastedFiles={(e) => { onPastedFilesChange(e).then() return 'handled' }} handleKeyCommand={handleKeyCommand} /> const onPastedFilesChange = async (blobs: Blob[]) => { ....uploading blob to server.... const currentContent = editorState.getCurrentContent() const entity = currentContent.createEntity( PastedImageEntityType, 'IMMUTABLE', { src: `uploaded blob file url`, id: id, } ) const newState = EditorState.set(editorState, { currentContent: entity, }) const entityKey = entity.getLastCreatedEntityKey() setEditorState( AtomicBlockUtils.insertAtomicBlock(newState, entityKey, ' ') ) } const handleKeyCommand = (command: string): DraftHandleValue => { if (command === 'backspace') { //ToDo remove uploaded image, we need to know the deleted content here } return 'not-handled' }