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

	南墙 @Ta
	2021-07-08 15:31

需要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>

本文收藏自:极四维博客

阅:1291

发表于2021-07-08 15:31

#php源码

评论:

返回源来页/返回首页

天合之作曲在人意

心灵鸡汤：

®2019-2024 all power by Zlproject3.7
川公网安备 51192202000151号
 蜀ICP备2021014921号-2 首页 #top

本网站由

提供CDN加速/云储存服务

天合之作曲在人意