js正则匹配markdown里的图片标签的实现
更新时间：2020年12月18日 10:51:42 作者：吴掌柜
这篇文章主要介绍了js正则匹配markdown里的图片标签的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
其实前端后端需要将markdown文本转换为html文本都有相应的库，几句代码就ok，但有时我们又必须获取到markdown里的某个标签来进行相应的转换，有几种办法，可以从已经转换好的html文本里获取，还有的就是直接从markdown文本里获取，这里说的是第二种。
1. 一个markdown里只有一个图片的情况
const str = "asddsadasdasddasd"; //一段markdown文本，包含一个图片"" let result = str.match(/!\[(.*?)\]\((.*?)\)/); //直接查找 console.log(result);
运行结果
2. 一个markdown里有多个图片的情况
const str = "asghfjgfhasfrsadas";
const pattern = /!\[(.*?)\]\((.*?)\)/mg;
let matcher;
while ((matcher = pattern.exec(str)) !== null) {
console.log(matcher);
}
运行结果
每个结果都有相应的原文以及原文所在位置，如果要做替换直接就可以替换了，参照如下方法
//最简单的替换
"123".replace('1','a'); //把1替换为a
到此这篇关于js正则匹配markdown里的图片标签的实现的文章就介绍到这了,更多相关js正则匹配markdown图片标签内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
正则表达式用来从某一段字符串中匹配所需要的字符，这些字符可以非常简单，也可以非常复杂。JavaScript生来就对正则表达式有着良好的支持，在网络的字符搜索匹配中发挥着重要的作用。2009-08-08
这篇文章主要介绍了Java正则获取两个字母之间的内容,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
match() 方法将检索目标字符串，以找到一个或多个与 正则表达式regexp 匹配的文本。2011-08-08
js正则表达式之$1$2$3$4$5$6$7$8$9属性，返回子匹配的结果
$1-$9存放着正则表达式中最近的9个正则表达式的匹配结果，这些结果按照子匹配的出现顺序依次排列2012-10-10
这篇文章主要介绍了正则表达式教程之重复匹配,结合实例形式分析了正则表达式重复匹配及防止过度匹配相关技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了grep中使用"\d"匹配数字不成功的原因解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
正则表达式 应用四则2007-01-01
本文给大家介绍使用C#判断输入日期格式是否正确的方法。本文给大家分享了两段代码，代码非常简单易懂，感兴趣的朋友一起看看吧2015-10-10
代替正则——HyperScriptExpression联合开发倡议公告
代替正则——HyperScriptExpression联合开发倡议公告...2007-01-01
这篇文章主要为大家详细介绍了正则表达式表单验证实例，如何进行表单验证，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论