双击下载图片

src/pages/Memory/components/MyQuill.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import ReactQuill from "react-quill";
 import 'react-quill/dist/quill.snow.css';
 import 'react-quill/dist/quill.bubble.css';
@@ -33,6 +33,16 @@ const MyQuill: React.FC<Props> = (props) => {
     theme,
   } = props;
 
+  // 双击下载图片
+  useEffect(()=>{
+    let images = document.querySelectorAll(".ql-container img");
+    for (let i = 0; i < images.length; i++) {
+      let url = images[i].src;
+      images[i].ondblclick = function () {
+        window.open(url);
+      };
+    }
+  },[value.front])
 
   return (
     <ReactQuill