add markdown

app.py

@@ -84,12 +84,18 @@ def format_output(result: dict) -> tuple:
             f"❌ Error: {result['error']}",
             "",
             "",
+            f"**Error:** {result['error']}",
         )
     
+    # Format text as markdown (wrap in code block for better display)
+    text_content = result.get("text", "")
+    markdown_content = text_content if text_content else "_No content extracted_"
+    
     return (
         result.get("title", ""),
         result.get("html", ""),
         result.get("text", ""),
+        markdown_content,
     )
 
 
@@ -276,6 +282,35 @@ label {
     resize: none !important;
 }
 
+/* Markdown box styling */
+.markdown-box {
+    background: rgba(255, 255, 255, 0.95) !important;
+    border: 1px solid rgba(124, 58, 237, 0.3) !important;
+    border-radius: 8px !important;
+    padding: 16px !important;
+    min-height: 300px !important;
+    max-height: 350px !important;
+    overflow-y: auto !important;
+    color: #1a1a2e !important;
+}
+
+.markdown-box * {
+    color: #1a1a2e !important;
+}
+
+.markdown-box code {
+    background: rgba(124, 58, 237, 0.1) !important;
+    padding: 2px 6px !important;
+    border-radius: 4px !important;
+}
+
+.markdown-box pre {
+    background: #f4f4f8 !important;
+    padding: 12px !important;
+    border-radius: 6px !important;
+    overflow-x: auto !important;
+}
+
 /* Custom scrollbar styling */
 .gr-textbox textarea::-webkit-scrollbar {
     width: 8px;
@@ -357,6 +392,11 @@ with gr.Blocks(title="UltraData Math Parser") as demo:
             )
             
             with gr.Tabs():
+                with gr.TabItem("✨ Markdown"):
+                    markdown_output = gr.Markdown(
+                        label="Markdown Preview",
+                        elem_classes=["markdown-box"],
+                    )
                 with gr.TabItem("📄 Plain Text"):
                     text_output = gr.Textbox(
                         label="Plain Text (w3m rendered)",
@@ -378,15 +418,15 @@ with gr.Blocks(title="UltraData Math Parser") as demo:
     parse_btn.click(
         fn=process_input,
         inputs=[html_input, base_url_input, process_math, include_tables, enable_forum, html_type],
-        outputs=[title_output, html_output, text_output],
+        outputs=[title_output, html_output, text_output, markdown_output],
     )
     
     def clear_all():
-        return "", "", "", "", ""
+        return "", "", "", "", "", ""
     
     clear_btn.click(
         fn=clear_all,
-        outputs=[html_input, base_url_input, title_output, html_output, text_output],
+        outputs=[html_input, base_url_input, title_output, html_output, text_output, markdown_output],
     )
     
     # Footer info