with gr.Blocks(head=HEAD) as demo:

app.py

@@ -453,7 +453,7 @@ def generate_mind_map(df_string):
     }
 
     response = client.chat.completions.create(**request_payload)
-    mind_map = response.choices[0].message.content.strip().replace("```markdown", "").replace("```", "")
+    mind_map = response.choices[0].message.content.strip()
     print("=====mind_map=====")
     print(mind_map)
     print("=====mind_map=====")
@@ -811,19 +811,20 @@ def next_slide():
 def get_video_id():
     return VIDEO_ID
 
-JS = """
-  <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@0.15.2"></script>
-"""
-
-CSS = """
+HEAD = """
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
     svg.markmap {{
       width: 100%;
       height: 100vh;
     }}
+  </style>
+  <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader@0.15.2"></script>
 """
 
 
-with gr.Blocks(js=JS, css=CSS) as demo:
+with gr.Blocks(head=HEAD) as demo:
     with gr.Row():
         with gr.Column():
             file_upload = gr.File(label="Upload your CSV or Word file", visible=False)
@@ -857,7 +858,7 @@ with gr.Blocks(js=JS, css=CSS) as demo:
                 gr.Markdown("## 重新生成問題")
                 btn_create_question = gr.Button("Create Questions")
             with gr.Tab("markdown"):
-                mind_map = gr.Textbox(container=True, show_copy_button=True, lines=40)
+                mind_map = gr.Textbox()
             with gr.Tab("心智圖"):
                 mind_map_html = gr.HTML()