wenhui
/
DTAiLab


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334
							<!DOCTYPE html>
<html lang="en">
<head>
   <title>Markdown解析示例</title>
    <script type="text/javascript" src="/static/js3/marked.min.js"></script>
    <script type="text/javascript" src="/static/js3/tocbot.min.js"></script>
    <script>
        function loadMarkdownFile() {
            fetch('/static/uploads/files_kn/笔记1-Flask网站开发.md')
                .then(response => response.text())
                .then(markdown => {
                    const html2 = marked.parse(markdown);
                    document.getElementById('content').innerHTML = html2;
                    tocbot.init({
                        tocSelector: '#toc',
                        contentSelector: '#content',
                        headingSelector: 'h1,h2,h3',
                        // ...other options
                    });
                });
        }
    </script>
    <style>
        #toc { display: inline-block; float:  left; width: 20%;     border: 1px solid  blue;     }
        #content {display: flow; float: right;   margin-top: 0px; width: 80%;  border: 1px solid red;      }

    </style>
</head>
<body onload="loadMarkdownFile()">
<div id="toc"></div>
    <div id="content">
    </div>
</body>
</html>