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

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

您可能感兴趣的文章:正则表达式处理图片地址、img标签的方法用正则表达式替换图片地址img标签asp.net 过滤图片标签的正则

  • 本文相关:
  • js正则表达式之exec方法讲解
  • 使用正则表达式验证登录页面输入是否符合要求
  • 正则表达式实现与或非关系【推荐】
  • 正则表达式创建方式的区别及编写简单的正则方式(js学习总结)
  • 正则表达式详述 四
  • js 玩转正则表达式之语法高亮
  • 正则表达式中的正向预查和负向预查
  • 详解正则表达式及linux三大文本处理工具
  • 正则表达式匹配(url、电话、手机、邮箱)的实例代码
  • javascript判断中文的正则
  • Js 正则匹配
  • js正则匹配数字或者"."
  • js 字符串校验 正则表达式
  • JS使用match匹配正则表达式
  • js 正则匹配 & 符号
  • JS中的正则表达式匹配
  • JS正则表达式如何匹配指定字符之间的内容?
  • js正则匹配,怎样才能匹配到需要的js呢
  • js 怎么获得 与正则表达式 匹配的 字符串
  • javascript js正则如何匹配以某字符串开始以某字符...
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页正则表达式处理图片地址、img标签的方法用正则表达式替换图片地址img标签asp.net 过滤图片标签的正则js正则表达式之exec方法讲解使用正则表达式验证登录页面输入是否符合要求正则表达式实现与或非关系【推荐】正则表达式创建方式的区别及编写简单的正则方式(js学习总结)正则表达式详述 四js 玩转正则表达式之语法高亮正则表达式中的正向预查和负向预查详解正则表达式及linux三大文本处理工具正则表达式匹配(url、电话、手机、邮箱)的实例代码javascript判断中文的正则java 正则表达式详解正则表达式匹配任意字符(包括换比较正宗的验证邮箱的正则表达式最新手机号码、电话号码正则表达javascript 手机号码正则表达式验js利用正则配合replace替换指定字正则表达式匹配不包含某些字符串正则中需要转义的特殊字符小结js正则函数match、exec、test、s匹配中文汉字的正则表达式介绍正则表达式之捕获组/非捕获组介绍javascript 正则表达式(二) 使用技巧说正则表达式详解正则表达式中test、exec、match的区别介绍python 中文正则表达式笔记读懂正则表达式就这么简单详解正则表达式表单验证实例php html标签正则替换并可自定义正则规则正则表达式教程之匹配一组字符详解日常收集整理php正则表达式(超常用)
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved