Attempting markdown extension

app.py

@@ -6,6 +6,7 @@ import os
 import json
 from huggingface_hub import hf_hub_download, file_exists, HfApi
 from random import shuffle
+from markdown import markdown
 
 # Global variables which interact with loading and unloading
 user_data = {}
@@ -212,9 +213,9 @@ with gr.Blocks(theme = theme) as user_eval:
                 # Add user data to the current response as SET evaluation, which comes before the generation
                 current_response[user_data["modes"][user_data["current"]][mode] + "_set"] = [e_h, e_s]
                 return {
-                    selection: gr.Markdown("""
-                        ## Autogenerated Response\n
-                        """ + current_question["generation_" + user_data["modes"][user_data["current"]][mode]]),
+                    selection: gr.HTML("""
+                        <h2> Autogenerated Response </h2>
+                        <p>""" + markdown(current_question["generation_" + user_data["modes"][user_data["current"]][mode]]) + "</p>"),
                     eval_helps: gr.Slider(value = 0),
                     eval_satisfied: gr.Slider(value = 3)
                 }
@@ -248,9 +249,9 @@ with gr.Blocks(theme = theme) as user_eval:
                    # The user just evaluated the gold passage
                    current_response["gold_set"] = [e_h, e_s]
                    return {
-                        selection: gr.Markdown("""
-                            ## Autogenerated Response\n
-                            """ + current_question["gold_passage_generation"]),
+                        selection: gr.HTML("""
+                            <h2> Autogenerated Response </h2>
+                            <p> """ + markdown(current_question["gold_passage_generation"]) + "</p>"),
                         forward_btn: gr.Textbox(),
                         eval_helps: gr.Slider(value = 0),
                         eval_satisfied: gr.Slider(value = 3)