Update app.py

app.py

@@ -12,30 +12,30 @@ def postag(tk):
     tag = ""
     plural_tags = ["NNS", "NNPS"]
     if tk.tag_ in plural_tags:
-        tag = " (Plural)"
+        tag = " <b>(Plural)</b>"
     else:
-        tag = " ({})".format(tk.tag_)
+        tag = " <b>({})</b>".format(tk.tag_)
     return tag
     
 def genFlatDepthTree(expr):
     doc = nlp(expr)
     root = next(doc.sents).root
-    node = Node(root.text+"\t (Root)"+postag(root)+" - [0]", 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(ch.text+"\t"+postag(ch)+" - ["+str(depth+1)+"]", 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 += """{}{}\n""".format(pre, node.name)
+        flat_tree += """{}{}</br>""".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>", flat_tree
+    return "<center><div style='max-width: 800px; overflow-x:auto;'>"+img_tree+"</div></center>", "<div>"+flat_tree+"</div>"
     
 # 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.Text(label="Flat tree", value="")
+            out_flat_tree = gr.HTML(label="Flat tree", value="")
     
     out_image_tree = gr.HTML(label="")