Clipboard

Author: manhtai

src/components/html-preview/HtmlPreview.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-danger */
-import { ipcRenderer } from 'electron';
+import { clipboard, ipcRenderer } from 'electron';
 import React, { useState } from 'react';
 
 const HtmlPreview = () => {
@@ -19,9 +19,16 @@ const HtmlPreview = () => {
     setOpening(false);
   };
 
+  const handleClipboard = () => {
+    setHtml(clipboard.readText());
+  };
+
   return (
     <div className="min-h-full flex flex-col">
-      <div className="flex justify-start mb-1">
+      <div className="flex justify-start mb-1 space-x-2">
+        <button type="button" className="btn" onClick={handleClipboard}>
+          Clipboard
+        </button>
         <button
           type="button"
           className="btn"

src/components/md-to-html/MarkdownToHtml.tsx

@@ -21,21 +21,30 @@ const Md2Html = () => {
     setOpening(false);
   };
 
+  const handleClipboard = () => {
+    setMd(clipboard.readText());
+  };
+
   const handleCopy = () => {
     clipboard.write({ text: marked(md) });
   };
 
   return (
     <div className="min-h-full flex flex-col">
       <div className="flex justify-between mb-1">
-        <button
-          type="button"
-          className="btn"
-          onClick={handleOpen}
-          disabled={opening}
-        >
-          Open...
-        </button>
+        <span className="flex space-x-2">
+          <button type="button" className="btn" onClick={handleClipboard}>
+            Clipboard
+          </button>
+          <button
+            type="button"
+            className="btn"
+            onClick={handleOpen}
+            disabled={opening}
+          >
+            Open...
+          </button>
+        </span>
         <span className="flex space-x-2">
           <button
             type="button"

src/components/qrcode/QrCode.tsx

@@ -1,4 +1,4 @@
-import { ipcRenderer } from 'electron';
+import { clipboard, ipcRenderer } from 'electron';
 import React, { useState } from 'react';
 import { useDebouncedEffect } from '../../helpers/effectHooks';
 
@@ -40,17 +40,27 @@ const HtmlPreview = () => {
     setSaving(false);
   };
 
+  const handleClipboard = () => {
+    setContent(clipboard.readText());
+  };
+
   return (
     <div className="min-h-full flex flex-col">
       <div className="flex justify-between mb-1">
-        <button
-          type="button"
-          className="btn"
-          onClick={handleOpen}
-          disabled={opening}
-        >
-          Open...
-        </button>
+        <span className="flex space-x-2">
+          <button type="button" className="btn" onClick={handleClipboard}>
+            Clipboard
+          </button>
+          <button
+            type="button"
+            className="btn"
+            onClick={handleOpen}
+            disabled={opening}
+          >
+            Open...
+          </button>
+        </span>
+
         <button
           type="button"
           className="btn"