js解析Markdown文件并在前端显示

需要js:
1、jquery.min
2、marked.min.js
可点击下载js:https://hik.lanzoui.com/iBqQeq7hlta

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>README</title>
    <link type="text/css" rel="stylesheet" href="css/markdown.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/marked.min.js"></script>
</head>
<body>
    <div id="content" class="markdown-body"></div>
</body>
<script>
    $(document).ready(function(){
        //读取md文件 显示
        $.ajax({
            url: "README.md",//md文件位置
            type: "GET",//请求方式为get
            dataType: "text", //返回数据格式为text
            async: false,
            success: function (data) {//请求成功完成后要执行的方法 
                $("#content").html(marked(data));
                $('a').attr("target","_blank");
            }
        })
    })
</script>
</html>

本文标题:《js解析Markdown文件并在前端显示》作者:极四维博客
原文链接:https://cway.top/post/943.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

咸菜 咸菜 发布于 2021-11-09 10:10:33  
#cmt617
不好使了现在,无法解析了 回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2022年11月    »
123456
78910111213
14151617181920
21222324252627
282930

搜索

控制面板

您好,欢迎到访网站!
  查看权限

最新留言

文章归档

  • 订阅本站的 RSS 2.0 新闻聚合