Update app.py
Browse files
app.py
CHANGED
@@ -1,5 +1,4 @@
|
|
1 |
import gradio as gr
|
2 |
-
import base64
|
3 |
|
4 |
def svg_to_html(svg_file):
|
5 |
# Read the SVG file content
|
@@ -22,37 +21,17 @@ def svg_to_html(svg_file):
|
|
22 |
"""
|
23 |
return html_content, svg_code
|
24 |
|
25 |
-
# Define the Gradio interface
|
26 |
-
|
27 |
-
|
28 |
-
gr.
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
35 |
-
|
36 |
-
html_output = gr.Textbox(lines=15, label="Generated HTML")
|
37 |
-
|
38 |
-
with gr.TabItem("SVG Preview"):
|
39 |
-
svg_preview = gr.HTML(label="SVG Preview")
|
40 |
-
html_link = gr.HTML(label="HTML Code Link")
|
41 |
-
|
42 |
-
# Define the function to be called when the button is clicked
|
43 |
-
def on_submit(svg_file):
|
44 |
-
html_content, svg_code = svg_to_html(svg_file)
|
45 |
-
# Create a data URL for the HTML content
|
46 |
-
html_data_url = f"data:text/html;charset=utf-8,{base64.b64encode(html_content.encode()).decode()}"
|
47 |
-
# Create an HTML link to open the HTML content in a new tab
|
48 |
-
link_html = f'<a href="{html_data_url}" target="_blank">Open HTML in New Tab</a>'
|
49 |
-
return html_content, f'<div style="text-align: center;">{svg_code}</div>', link_html
|
50 |
-
|
51 |
-
submit_button.click(
|
52 |
-
fn=on_submit,
|
53 |
-
inputs=svg_file,
|
54 |
-
outputs=[html_output, svg_preview, html_link]
|
55 |
-
)
|
56 |
|
57 |
# Launch the interface
|
58 |
iface.launch()
|
|
|
1 |
import gradio as gr
|
|
|
2 |
|
3 |
def svg_to_html(svg_file):
|
4 |
# Read the SVG file content
|
|
|
21 |
"""
|
22 |
return html_content, svg_code
|
23 |
|
24 |
+
# Define the Gradio interface
|
25 |
+
iface = gr.Interface(
|
26 |
+
fn=svg_to_html,
|
27 |
+
inputs=gr.File(label="Upload SVG File"),
|
28 |
+
outputs=[
|
29 |
+
gr.Textbox(lines=15, label="Generated HTML"),
|
30 |
+
gr.HTML(label="SVG Preview")
|
31 |
+
],
|
32 |
+
title="SVG to HTML Converter",
|
33 |
+
description="Upload an SVG file to see the generated HTML code and a preview of the SVG."
|
34 |
+
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
35 |
|
36 |
# Launch the interface
|
37 |
iface.launch()
|