Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
|
@@ -106,7 +106,65 @@ with gr.Blocks() as demo:
|
|
| 106 |
with gr.Column():
|
| 107 |
ocr_result = gr.Textbox(label="GOT output")
|
| 108 |
with gr.Column():
|
| 109 |
-
html_result = gr.HTML(
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 110 |
|
| 111 |
gr.Examples(
|
| 112 |
examples=[
|
|
|
|
| 106 |
with gr.Column():
|
| 107 |
ocr_result = gr.Textbox(label="GOT output")
|
| 108 |
with gr.Column():
|
| 109 |
+
html_result = gr.HTML(
|
| 110 |
+
value="""
|
| 111 |
+
<!DOCTYPE html>
|
| 112 |
+
<html lang="en" data-lt-installed="true"><head>
|
| 113 |
+
<meta charset="UTF-8">
|
| 114 |
+
<title>Title</title>
|
| 115 |
+
<script>
|
| 116 |
+
const text ="\\[\n"+
|
| 117 |
+
"\\begin{array}{l}\n"+
|
| 118 |
+
"d_{L}\\left( C_{L},\\left\\{ v^{\\prime }\\right\\} \\right) =\\left\\vert C_{L}\\right\\vert\n"+
|
| 119 |
+
"+\\left\\vert \\left\\{ v^{\\prime }\\right\\} \\right\\vert +2\\left( d_{T}\\left(\n"+
|
| 120 |
+
"C_{L},v^{\\prime }\\right) -1\\right) \\\\\n"+
|
| 121 |
+
"\\quad \\quad \\quad \\quad =\\left\\vert C_{v}\\right\\vert -1+\\left\\vert\n"+
|
| 122 |
+
"S_{v}^{*}\\right\\vert +2\\left( \\mathrm{rad}\\,T-1\\right) \\\\\n"+
|
| 123 |
+
"\\quad \\quad \\quad \\quad =\\left\\vert C{ }_{v}\\right\\vert +\\left\\vert\n"+
|
| 124 |
+
"S_{v}^{*}\\right\\vert +2\\left( d_{T}\\left( C_{v},S_{v}^{*}\\right) -1\\right) \\\\\n"+
|
| 125 |
+
"\\quad \\quad \\quad \\quad \\quad -1+2\\left( \\mathrm{rad}\\,T-d_{T}\\left( C_{v},S_{v}^{*}\\right)\n"+
|
| 126 |
+
"\\right) \\\\\n"+
|
| 127 |
+
"\\quad \\quad \\quad \\quad =d_{L}\\left( C_{v},S_{v}^{*}\\right) +1+2\\left( \\mathrm{rad}%\n"+
|
| 128 |
+
"\\,T-1-d_{T}\\left( C_{v},S_{v}^{*}\\right) \\right) \\\\\n"+
|
| 129 |
+
"\\quad \\quad \\quad \\quad \\quad =e_{L}\\left( C_{v}\\right) +1+2\\left( \\mathrm{rad}%\n"+
|
| 130 |
+
"\\,T -1-d_{T}\\left( C_{v},S_{v}^{*}\\right)\\right) .\n"+
|
| 131 |
+
"\\end{array}\n"+
|
| 132 |
+
"\\]\n"
|
| 133 |
+
</script>
|
| 134 |
+
<style>
|
| 135 |
+
#content {
|
| 136 |
+
max-width: 800px;
|
| 137 |
+
margin: auto;
|
| 138 |
+
}
|
| 139 |
+
</style>
|
| 140 |
+
<script>
|
| 141 |
+
let script = document.createElement('script');
|
| 142 |
+
script.src = "https://cdn.jsdelivr.net/npm/[email protected]/es5/bundle.js";
|
| 143 |
+
document.head.append(script);
|
| 144 |
+
|
| 145 |
+
script.onload = function() {
|
| 146 |
+
const isLoaded = window.loadMathJax();
|
| 147 |
+
if (isLoaded) {
|
| 148 |
+
console.log('Styles loaded!')
|
| 149 |
+
}
|
| 150 |
+
|
| 151 |
+
const el = window.document.getElementById('content-text');
|
| 152 |
+
if (el) {
|
| 153 |
+
const options = {
|
| 154 |
+
htmlTags: true
|
| 155 |
+
};
|
| 156 |
+
const html = window.render(text, options);
|
| 157 |
+
el.outerHTML = html;
|
| 158 |
+
}
|
| 159 |
+
};
|
| 160 |
+
</script>
|
| 161 |
+
</head>
|
| 162 |
+
<body>
|
| 163 |
+
<div id="content"><div id="content-text"></div></div>
|
| 164 |
+
</body>
|
| 165 |
+
</html>
|
| 166 |
+
""",
|
| 167 |
+
label="rendered html", show_label=True)
|
| 168 |
|
| 169 |
gr.Examples(
|
| 170 |
examples=[
|