update fronttxt for cloze match

app.py

@@ -111,40 +111,56 @@ def extract_text_from_doc_or_docx(file):
 
 # function that generates a random string
 def generate_random_string(length=23):
-  characters = string.ascii_letters + string.digits  # Includes letters and digits
-  random_string = ''.join(random.choice(characters) for _ in range(length))
-  return random_string
+    characters = string.ascii_letters + string.digits  # Includes letters and digits
+    random_string = "".join(random.choice(characters) for _ in range(length))
+    return random_string
+
 
 # function that adds the necessary json fields
-def handle_json_output(json_list : list) : 
+def handle_json_output(json_list: list):
     n = len(json_list)
-    for i in range(n) : 
+    for i in range(n):
         # not last element
         random_string1 = generate_random_string()
         random_string2 = generate_random_string()
         element = json_list[i]
         front = element["frontText"]
         back = element["backText"]
-        element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-                            f'<p>{front}</p></div>')
-        element["backHTML"] = (f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-                                f'<p>{back}</p></div>')
+        element["frontHTML"] = (
+            f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;">'
+            f"<p>{front}</p></div>"
+        )
+        element["backHTML"] = (
+            f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;">'
+            f"<p>{back}</p></div>"
+        )
         element["termType"] = "basic"
-        cloze_matches = re.findall(r'_{2,}', front)
+        cloze_matches = re.findall(r"_{2,}", front)
         # match only the first one, if there is multiple don't do anything
-        if (cloze_matches != []) & (len(cloze_matches)<= 2):
+        if (cloze_matches != []) & (len(cloze_matches) <= 2):
             # It's a cloze type card
             element["termType"] = "cloze"
+
             # inject the back in a span format into the front
             def replace_cloze(match):
                 return f'</p><p><span class="closure">{back}</span></p><p>'
-            front = re.sub(r'_{2,}', replace_cloze, front)
-            # update
-            element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-                            f'<p>{front}</p></div>')
+
+            front_html = re.sub(r"_{2,}", replace_cloze, front)
+            element["frontHTML"] = (
+                f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;">'
+                f"<p>{front_html}</p></div>"
+            )
+
+            def replace_underscores(match):
+                return f" {back} "
+
+            element["frontText"] = re.sub(r"_{2,}", replace_underscores, front)
             element["backText"] = ""
-            element["backHTML"] = (f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-                                f'<p><br></p></div>')
+
+            element["backHTML"] = (
+                f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;">'
+                f"<p><br></p></div>"
+            )
 
     return json_list