fix: preserve line breaks when copy in md message

ref: https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/innerText

modules/utils.py

@@ -265,7 +265,7 @@ def clip_rawtext(chat_message, need_escape=True):
     return final_message
 
 
-def convert_bot_before_marked(chat_message): # deprecated after gradio 4.0
+def convert_bot_before_marked(chat_message):
     """
     注意不能给输出加缩进, 否则会被marked解析成代码块
     """
@@ -303,6 +303,7 @@ def escape_markdown(text):
     """
     escape_chars = {
         # ' ': ' ',
+        '"': """,
         "_": "_",
         "*": "*",
         "[": "[",

web_assets/javascript/message-button.js

@@ -57,6 +57,7 @@ function addChuanhuButton(botElement) {
     var isLatestMessage = botElement.classList.contains('latest');
 
     var gradioButtonMsg = botElement.querySelector('button[data-testid="bot"]');
+
     var rawMessage = botElement.querySelector('.raw-message');
     var mdMessage = botElement.querySelector('.md-message');
     
@@ -98,10 +99,17 @@ function addChuanhuButton(botElement) {
     copyButton.innerHTML = copyIcon;
 
     copyButton.addEventListener('click', async () => {
-        const textToCopy = rawMessage.innerText;
+
+        let textToCopyHTML = rawMessage.innerHTML;
+        let textToCopyTMP = textToCopyHTML.replace(/<br\s*\/?>/gi, '\n');
+        let textToCopyDOM = document.createElement('div');
+        textToCopyDOM.innerHTML = textToCopyTMP;
+        let textToCopy = textToCopyDOM.textContent;
+
         try {
             if ("clipboard" in navigator) {
                 await navigator.clipboard.writeText(textToCopy);
+                // console.log("Copied to clipboard: \n", textToCopy);
                 copyButton.innerHTML = copiedIcon;
                 setTimeout(() => {
                     copyButton.innerHTML = copyIcon;