关于前端:js正则匹配markdown里的图片标签

其实前端后端须要将 markdown 文本转换为 html 文本都有相应的库，几句代码就 ok，但有时咱们又必须获取到 markdown 里的某个标签来进行相应的转换，有几种方法，能够从曾经转换好的 html 文本里获取，还有的就是间接从 markdown 文本里获取，这里说的是第二种。

1. 一个 markdown 里只有一个图片的状况

const str = "asddsad![题目](url)asdasddasd"; // 一段 markdown 文本，蕴含一个图片 "![题目](url)"
let result = str.match(/!\[(.*?)\]\((.*?)\)/); // 间接查找
console.log(result); 

运行后果

2. 一个 markdown 里有多个图片的状况

const str = "asghfj![题目 1](url1)gfhasfr![题目 2](url2)sadas";
const pattern = /!\[(.*?)\]\((.*?)\)/mg;
let matcher;

while ((matcher = pattern.exec(str)) !== null) {console.log(matcher);
}

运行后果

每个后果都有相应的原文以及原文所在位置，如果要做替换间接就能够替换了，参照如下办法

// 最简略的替换
"123".replace('1','a'); // 把 1 替换为 a 

举荐一个配色网站 毒蘑菇配色
最初附上问题已解决小站 一篇文字