Javascript 如何在react quill编辑器中获取已删除的图像url

我正在使用react-quill，我不知道如何在插入编辑器后选择图像，以及如何在深入挖掘后获得深入挖掘的图像url

这是我的编辑器组件

那么，如何在插入后在编辑器中选择图像，并在从编辑器中删除后获取url呢

import React,{useState} from 'react'
import ReactQuill from 'react-quill';
import 'react-quill/dist/quill.snow.css';

const modules = {
    toolbar:{
        container: [
            [{ 'header': [1, 2, false] }],
            ['bold', 'italic', 'underline','strike', 'blockquote'],
            [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
            ['link', 'image'],
            ['clean']
          ],


          handlers:{
            'image': async function(){
                const editor=this.quill

                const input = document.createElement('input');
                input.setAttribute('type', 'file');
                input.setAttribute('accept', 'image/*');
                input.click();

                input.addEventListener('change',(e)=>{
                    const url=awiat uploadFile(e.target.files[0))
                    const range = editor.getSelection(true);
                    editor.insertEmbed(range.index, 'image', url; 
                    editor.setSelection(range.index + 1)

                })
            }
        }
    }


  }

  const formats = [
    'header', 'font', 'size',
    'bold', 'italic', 'underline', 'strike', 'blockquote',
    'list', 'bullet', 'indent',
    'link', 'image', 'color',
  ]

function Editor() {
    const [editorData,setEditorData]=useState(" ")

    const handleChange=(value)=>{
        setEditorData(value)
    }


     return (
        <div>
            <ReactQuill formats={formats} modules={modules} value={editorData}
                  onChange={(data)=>handleChange(data)} />

        </div>
    )
}

export default Editor