js markdown渲染成网页

k, k • 2023-10-02 • JavaScript 
<!DOCTYPE html>
<html lang="en">
<script src="/markdown_to_html/cdn.jsdelivr.net_npm_marked_marked.min.js"></script>
<script src="./prism.js"></script>
<link rel="stylesheet" href="./prism.css">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>markdown转html</title>
</head>

<body>
    <div id="container"></div>
    <script>
        fetch('./Conqueror-sBlade/活动副本【叛军强袭】.md')
            .then(response => response.text())
            .then(data => {
                // 在这里处理Markdown文件内容
                const html = marked.parse(data);
                const container = document.getElementById('container');
                container.innerHTML = html;
                Prism.highlightAll()
            });
    </script>
</body>
</html>

做了一个本地使用的markdown应用，希望离网的情况下能够预览markdown文件，我的md文档都是直接使用typora拖拽进来的，用的相对路径，使用js prism渲染markdown后图片无法显示，其中的图片链接换成http或者https的方法才能够显示出来。

版权声明：
作者：k, k
链接：http://kuyour.top/index.php/2023/10/02/js-markdown%e6%b8%b2%e6%9f%93%e6%88%90%e7%bd%91%e9%a1%b5/
来源：KuKey
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
打赏
海报
js markdown渲染成网页
<!DOCTYPE html> <html lang="en"> <script src="/markdown_to_html/cdn.jsdelivr.net_npm_marked_marked.min.js"></script> <……
<<上一篇
下一篇>>