js正则匹配markdown里的图片标签的实现

2023-12-05 0 983

其实前端后端需要将markdown文本转换为html文本都有相应的库,几句代码就ok,但有时我们又必须获取到markdown里的某个标签来进行相应的转换,有几种办法,可以从已经转换好的html文本里获取,还有的就是直接从markdown文本里获取,这里说的是第二种。

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

const str = \”asddsad![标题](url)asdasddasd\”; //一段markdown文本,包含一个图片\”![标题](url)\”
let result = str.match(/!\\[(.*?)\\]\\((.*?)\\)/); //直接查找
console.log(result);

运行结果

js正则匹配markdown里的图片标签的实现

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);
}

运行结果

js正则匹配markdown里的图片标签的实现

每个结果都有相应的原文以及原文所在位置,如果要做替换直接就可以替换了,参照如下方法

//最简单的替换
\”123\”.replace(\’1\’,\’a\’); //把1替换为a

到此这篇关于js正则匹配markdown里的图片标签的实现的文章就介绍到这了,更多相关js正则匹配markdown图片标签内容请搜索悠久资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持悠久资源网!

您可能感兴趣的文章:

  • 一个关于JS正则匹配的踩坑记录
  • js正则匹配table,img及去除各种标签问题
  • js通过正则匹配没有内容的空标签
  • js正则匹配多个全部数据问题
  • JS实现关键词高亮显示正则匹配
  • 全面详解JS正则中匹配技巧及示例

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 正则表达式 js正则匹配markdown里的图片标签的实现 https://www.u-9.cn/biancheng/zhengze/93972.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务