知识树切换为markmap交互式思维导图，展示全部内容，移除Mermaid图

app.py

@@ -234,7 +234,31 @@ def outline_to_mermaid_tree(outline, qa_list=None, max_items=3):
                 node_id += 1
     return 'graph TD\n  ' + '\n  '.join(nodes + edges)
 
-# main_func 集成 graph TD 输出
+def outline_to_markmap_md(outline, qa_list=None):
+    lines = outline.split('\n') if outline else []
+    md = "# 知识树\n"
+    if lines:
+        md += "## 大纲\n"
+        for l in lines:
+            l = l.strip()
+            if l and not l.startswith('#'):
+                md += f"- {l}\n"
+    if qa_list:
+        md += "## 考题\n"
+        for i, qa in enumerate(qa_list):
+            if isinstance(qa, dict):
+                q = qa.get('question', '')
+                a = qa.get('answer', '')
+            elif isinstance(qa, str):
+                q, a = qa, ''
+            else:
+                q, a = qa
+            md += f"- Q{i+1}: {q}\n"
+            if a:
+                md += f"  - 答案: {a}\n"
+    return md
+
+# main_func 集成 markmap 输出
 
 def main_func(files, text_input, model_type, max_questions, task_types, api_key=None):
     outline_result = ""
@@ -242,7 +266,7 @@ def main_func(files, text_input, model_type, max_questions, task_types, api_key=
     tree_result = ""
     outline_list = []
     qa_list = []
-    mermaid_code = ""
+    markmap_html = ""
     if files is not None:
         if not isinstance(files, list):
             files = [files]
@@ -260,7 +284,12 @@ def main_func(files, text_input, model_type, max_questions, task_types, api_key=
                     qa_list = call_llm_api(file_text, model_type=model_type, max_questions=max_questions)
                     qa_result += f"【{file.name}】\n{format_qa_output_per_file([(file.name, qa_list)])}\n\n"
                 if "生成知识树" in task_types and (outline_result or qa_result):
-                    mermaid_code += f"```mermaid\n{outline_to_mermaid_tree(locals().get('outline', ''), locals().get('qa_list', []), max_items=3)}\n```\n"
+                    md = outline_to_markmap_md(locals().get('outline', ''), locals().get('qa_list', []))
+                    # JS字符串转义
+                    md_js = md.replace('`', '\\`').replace('\\', '\\\\').replace('\n', '\\n').replace('"', '\\"')
+                    markmap_html += f'''<div id="markmap"></div>
+<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
+<script>window.markmap.autoLoader.render('#markmap', `{md_js}`);</script>'''
     if text_input.strip():
         if "生成大纲" in task_types:
             outline = generate_outline(text_input.strip(), model_type=model_type)
@@ -271,11 +300,16 @@ def main_func(files, text_input, model_type, max_questions, task_types, api_key=
             qa_list = call_llm_api(text_input.strip(), model_type=model_type, max_questions=max_questions)
             qa_result += f"【粘贴内容】\n{format_qa_output_per_file([('粘贴内容', qa_list)])}\n\n"
         if "生成知识树" in task_types and (outline_result or qa_result):
-            mermaid_code += f"```mermaid\n{outline_to_mermaid_tree(locals().get('outline', ''), locals().get('qa_list', []), max_items=3)}\n```\n"
-    if not (outline_result or qa_result or mermaid_code):
+            md = outline_to_markmap_md(locals().get('outline', ''), locals().get('qa_list', []))
+            md_js = md.replace('`', '\\`').replace('\\', '\\\\').replace('\n', '\\n').replace('"', '\\"')
+            markmap_html += f'''<div id="markmap"></div>
+<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
+<script>window.markmap.autoLoader.render('#markmap', `{md_js}`);</script>'''
+    if not (outline_result or qa_result or markmap_html):
         return "", "", "请上传文件或输入文本内容 ( •̀ ω •́ )✧"
-    return outline_result.strip(), qa_result.strip(), mermaid_code.strip()
+    return outline_result.strip(), qa_result.strip(), markmap_html.strip()
 
+# 前端知识树区域用 gr.HTML 渲染 markmap
 with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("""
     <div align='center'>
@@ -303,7 +337,7 @@ with gr.Blocks(css=custom_css) as demo:
             gr.Markdown("### 📚 考题", elem_id="output-title-qa")
             output_qa = gr.Textbox(label="📚 考题", lines=10, interactive=False, elem_id="output-qa")
             gr.Markdown("### 🌳 知识树（思维导图）", elem_id="output-title-tree")
-            output_tree = gr.Markdown(label="🌳 知识树", elem_id="output-tree")
+            output_tree = gr.HTML(label="🌳 知识树", elem_id="output-tree")
     gr.Markdown(
         '''
         <hr>