Update app.py

app.py

@@ -12,34 +12,36 @@ def md_to_text(md_text):
     return soup.get_text()
 
 def copy_button(text_to_copy, button_id):
-    # More reliable HTML/JS implementation of copy button
-    components.html(
-        f"""
-        <script>
-        function copyText{button_id}() {{
-            const text = `{text_to_copy.replace('`', '\\`').replace("'", "\\'")}`;
-            navigator.clipboard.writeText(text).then(function() {{
-                console.log('Text copied to clipboard');
-                document.getElementById('copy-button-{button_id}').innerHTML = 'Copied!';
-                setTimeout(function() {{
-                    document.getElementById('copy-button-{button_id}').innerHTML = 'Copy';
-                }}, 2000);
-            }})
-            .catch(function(err) {{
-                console.error('Failed to copy text: ', err);
-            }});
-        }}
-        </script>
-        <button id="copy-button-{button_id}" onclick="copyText{button_id}()" 
-                style="background-color: #4CAF50; color: white; border: none; 
-                       padding: 5px 10px; text-align: center; text-decoration: none; 
-                       display: inline-block; font-size: 14px; margin: 4px 2px; 
-                       cursor: pointer; border-radius: 4px;">
-            Copy
-        </button>
-        """,
-        height=50,
-    )
+    # Creating a safer version of the text for JavaScript
+    # This avoids the backslash issue in f-strings
+    escaped_text = text_to_copy.replace('"', '\\"').replace('\n', '\\n').replace('\r', '\\r')
+    
+    html_code = """
+    <script>
+    function copyText""" + button_id + """() {
+        const text = \"""" + escaped_text + """\";
+        navigator.clipboard.writeText(text).then(function() {
+            console.log('Text copied to clipboard');
+            document.getElementById('copy-button-""" + button_id + """').innerHTML = 'Copied!';
+            setTimeout(function() {
+                document.getElementById('copy-button-""" + button_id + """').innerHTML = 'Copy';
+            }, 2000);
+        })
+        .catch(function(err) {
+            console.error('Failed to copy text: ', err);
+        });
+    }
+    </script>
+    <button id="copy-button-""" + button_id + """" onclick="copyText""" + button_id + """()" 
+            style="background-color: #4CAF50; color: white; border: none; 
+                   padding: 5px 10px; text-align: center; text-decoration: none; 
+                   display: inline-block; font-size: 14px; margin: 4px 2px; 
+                   cursor: pointer; border-radius: 4px;">
+        Copy
+    </button>
+    """
+    
+    components.html(html_code, height=50)
 
 st.title("Markdown to Plain Text Converter")
 st.write("Paste your Markdown content below and convert it to plain text!")