问题:由于后端返回的数据中有个字段是存放markdown格式的,文字加图片,类似:是文字![](xxx.png) 我是文字
直接显示在前端的html会看不到图片内容,所以要转一下,顺便把链接的也放一下,以后可能要用Axios
在Javascript中进行就可以了
<script>
$.ajax({
type: 'post',
url: 'url',
success: function (res) {
var hta = "",htimg = "";
hta = mdTohtHref(res.data.a);
htimg = mdTohtImage(res.data.img);
$(".mdToa").html(hta); //链接
$(".mdToimage").html(htimg); //图片
},
});
//md 的链接转 HTML
function mdTohtHref(obj) {
return obj.replace(/\[(.*)\]\((.+)\)/g, "<a href=\"" + "$2" + " \" >" + "$1" + "</a>");
}
//md 的图片转 HTML
function mdTohtImage(obj) {
return obj.replace(/\!(\[.*\])\((.+)\)/g, "<img src=\"" + "$2" + "\" />");
}
</script>