Spaces:
Running
on
Zero
Running
on
Zero
Update app.py
Browse files
app.py
CHANGED
@@ -108,62 +108,8 @@ with gr.Blocks() as demo:
|
|
108 |
with gr.Column():
|
109 |
html_result = gr.HTML(
|
110 |
value="""
|
111 |
-
|
112 |
-
|
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(
|
|
|
108 |
with gr.Column():
|
109 |
html_result = gr.HTML(
|
110 |
value="""
|
111 |
+
<div style='height: 800px; width: 100px; background-color: pink;'></div>
|
112 |
+
""",
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
113 |
label="rendered html", show_label=True)
|
114 |
|
115 |
gr.Examples(
|