Maybe fix for Windows?

Author: simonw

paste-rich-text.html

@@ -29,6 +29,7 @@
     background-color: #f5f5f5;
     font-size: 16px;
     font-family: Helvetica, Arial, sans-serif;
+    overflow: auto;
   }
 
   #output-container {
@@ -93,7 +94,7 @@ <h1>Rich text HTML extractor</h1>
   <p>Copy formatted text from a webpage and paste here to extract the HTML:</p>
 
   <div id="paste-area" contenteditable="true"></div>
-  <p class="info-text">Paste using Ctrl+V or ⌘+V to capture the rich text HTML</p>
+  <p class="info-text">Paste using Ctrl+V or ⌘+V to capture the rich text HTML. For best results on Windows, try pasting into word processors first.</p>
 
   <div id="output-container">
     <h2>HTML code</h2>
@@ -129,26 +130,25 @@ <h2>Preview</h2>
 
 // Handle paste event to capture HTML
 pasteArea.addEventListener('paste', function(e) {
-  // Get HTML data from clipboard
-  const clipboardData = e.clipboardData || window.clipboardData;
-  const pastedHtml = clipboardData.getData('text/html');
-  
-  if (pastedHtml) {
-    // Prevent default paste
-    e.preventDefault();
-    
-    // Display the HTML code with escaped characters
-    htmlOutput.value = pastedHtml;
-    
-    // Show the output container
-    outputContainer.style.display = 'block';
-    
-    // Show preview of how the HTML renders
-    previewContent.innerHTML = pastedHtml;
+  // Let the paste happen normally first
+  setTimeout(() => {
+    // Get current HTML content after the paste
+    const pastedContent = pasteArea.innerHTML;
 
-    // Let user know paste was successful
-    pasteArea.innerHTML = '<p style="color: green;">Content pasted. HTML extracted.</p>';
-  }
+    if (pastedContent) {
+      // Display the HTML code with escaped characters
+      htmlOutput.value = pastedContent;
+      
+      // Show the output container
+      outputContainer.style.display = 'block';
+      
+      // Show preview of how the HTML renders
+      previewContent.innerHTML = pastedContent;
+      
+      // Let user know paste was successful
+      pasteArea.innerHTML = '<p style="color: green;">Content pasted. HTML extracted.</p>';
+    }
+  }, 0);
 });
 
 // Reset paste area when clicked