|  |  | 
					
						
						|  | punctuation_dict = { | 
					
						
						|  | ",": ",", | 
					
						
						|  | "。": ".", | 
					
						
						|  |  | 
					
						
						|  | } | 
					
						
						|  | translation_table = str.maketrans(punctuation_dict) | 
					
						
						|  |  | 
					
						
						|  | def svg_to_html(svg_content, output_filename): | 
					
						
						|  |  | 
					
						
						|  | html_content = f""" | 
					
						
						|  | <!DOCTYPE html> | 
					
						
						|  | <html lang="en"> | 
					
						
						|  | <head> | 
					
						
						|  | <meta charset="UTF-8"> | 
					
						
						|  | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 
					
						
						|  | <title>SVG Embedded in HTML</title> | 
					
						
						|  | </head> | 
					
						
						|  | <body> | 
					
						
						|  | <svg width="2100" height="15000" xmlns="http://www.w3.org/2000/svg"> | 
					
						
						|  | {svg_content} | 
					
						
						|  | </svg> | 
					
						
						|  | </body> | 
					
						
						|  | </html> | 
					
						
						|  | """ | 
					
						
						|  |  | 
					
						
						|  | with open(output_filename, 'w') as file: | 
					
						
						|  | file.write(html_content) | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  | content_mmd_to_html = """<!DOCTYPE html> | 
					
						
						|  | <html lang="en" data-lt-installed="true"><head> | 
					
						
						|  | <meta charset="UTF-8"> | 
					
						
						|  | <title>Title</title> | 
					
						
						|  | <script> | 
					
						
						|  | const text = | 
					
						
						|  | </script> | 
					
						
						|  | <style> | 
					
						
						|  | #content { | 
					
						
						|  | max-width: 800px; | 
					
						
						|  | margin: auto; | 
					
						
						|  | } | 
					
						
						|  | </style> | 
					
						
						|  | <script> | 
					
						
						|  | let script = document.createElement('script'); | 
					
						
						|  | script.src = "https://cdn.jsdelivr.net/npm/[email protected]/es5/bundle.js"; | 
					
						
						|  | document.head.append(script); | 
					
						
						|  |  | 
					
						
						|  | script.onload = function() { | 
					
						
						|  | const isLoaded = window.loadMathJax(); | 
					
						
						|  | if (isLoaded) { | 
					
						
						|  | console.log('Styles loaded!') | 
					
						
						|  | } | 
					
						
						|  |  | 
					
						
						|  | const el = window.document.getElementById('content-text'); | 
					
						
						|  | if (el) { | 
					
						
						|  | const options = { | 
					
						
						|  | htmlTags: true | 
					
						
						|  | }; | 
					
						
						|  | const html = window.render(text, options); | 
					
						
						|  | el.outerHTML = html; | 
					
						
						|  | } | 
					
						
						|  | }; | 
					
						
						|  | </script> | 
					
						
						|  | </head> | 
					
						
						|  | <body> | 
					
						
						|  | <div id="content"><div id="content-text"></div></div> | 
					
						
						|  | </body> | 
					
						
						|  | </html> | 
					
						
						|  | """ | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  | tik_html = """ | 
					
						
						|  | <!DOCTYPE html> | 
					
						
						|  |  | 
					
						
						|  | <html> | 
					
						
						|  |  | 
					
						
						|  | <head> | 
					
						
						|  | <meta charset="UTF-8"> | 
					
						
						|  | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 
					
						
						|  | <title>Document</title> | 
					
						
						|  | <link rel="stylesheet" type="text/css" href="https://tikzjax.com/v1/fonts.css"> | 
					
						
						|  | <script src="https://tikzjax.com/v1/tikzjax.js"></script> | 
					
						
						|  | </head> | 
					
						
						|  | <body> | 
					
						
						|  | <script type="text/tikz"> | 
					
						
						|  | const text = | 
					
						
						|  | </script> | 
					
						
						|  | </body> | 
					
						
						|  | </html>""" | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  |  | 
					
						
						|  |  |