Update app.py

highlighting the token boundaries

app.py

@@ -11,7 +11,7 @@ examples = [
 def greet(sentence):
     sp = spm.SentencePieceProcessor()
     sp.load('bpe.model')
-    return " • ".join(sp.encode_as_pieces(sentence))
+    return "<div class='output'>" + "<span class='yellow'> • </span>".join(sp.encode_as_pieces(sentence)) + "</div>"
 
 
 demo = gr.Interface(fn=greet, inputs="text", outputs="html",
@@ -19,5 +19,5 @@ demo = gr.Interface(fn=greet, inputs="text", outputs="html",
                     description="Demo for SentencePiece BPE.",
                     cache_examples="lazy",
                     concurrency_limit=30,
-                    css="textarea {font-size: 150%;}")
+                    css=".output {font-size: 150%;}; .yellow {background-color: yellow; }")
 demo.launch()