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

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

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

代码:

<!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
不好使了现在,无法解析了 回复
发表评论:

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

«    2024年10月    »
123456
78910111213
14151617181920
21222324252627
28293031

搜索

控制面板

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

最新留言

文章归档

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