Update app.py

app.py

@@ -20,22 +20,22 @@ def postag(tk):
 def genFlatDepthTree(expr):
     doc = nlp(expr)
     root = next(doc.sents).root
-    node = Node("<b>"+root.text+"</b>: (Root)"+postag(root), parent=None)
+    node = Node(""+root.text+": (Root)"+postag(root), parent=None)
 
     def tree(tk, last_node, depth):
         if tk.n_lefts + tk.n_rights > 0:
             for ch in tk.children:
-                tree(ch, Node("<b>"+ch.text+"</b>: "+str(depth+1)+postag(ch), parent=last_node), depth+1)
+                tree(ch, Node(""+ch.text+": "+str(depth+1)+postag(ch), parent=last_node), depth+1)
     
     tree(root, node, 0)
     flat_tree = ""
 
     for pre, fill, node in RenderTree(node):
-        flat_tree += """{}{}</br>""".format(pre, node.name)
+        flat_tree += """{}{}\n""".format(pre, node.name)
 
     img_tree = displacy.render(doc, style='dep', options={'distance': 100})
     
-    return "<center><div style='max-width: 800px; overflow-x:auto;'>"+img_tree+"</div></center>", "<div>"+flat_tree+"</div>"
+    return "<center><div style='max-width: 800px; overflow-x:auto;'>"+img_tree+"</div></center>", flat_tree
     
 # def syntacticTree(expr):
 #     doc = nlp(expr)
@@ -64,7 +64,7 @@ with demo:
             gr.Image(value="https://img.unocero.com/2019/11/facebook-app-para-hacer-memes-1-1024x576.jpg",label="", type="URL")
         with gr.Column():
             input_expr = gr.Textbox(label="Input", placeholder="Enter an expression here")
-            out_flat_tree = gr.HTML(label="Flat tree", value="")
+            out_flat_tree = gr.Textbox(label="Flat tree", value="")
     
     out_image_tree = gr.HTML(label="")