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

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

Posted in Javascript onMarch 24, 2021

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

 

Javascript 相关文章推荐
新浪刚打开页面出来的全屏广告代码
Apr 02 Javascript
jQuery 连续列表实现代码
Dec 21 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
Mar 02 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
JS中min函数实例讲解
Feb 18 Javascript
ES6 Object属性新的写法实例小结
Jun 25 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
基于原生JS封装的Modal对话框插件的示例代码
Sep 09 Javascript
浅谈react路由传参的几种方式
Mar 23 #Javascript
一百多行代码实现react拖拽hooks
node中使用shell脚本的方法步骤
详解如何解决使用JSON.stringify时遇到的循环引用问题
vue 中 get / delete 传递数组参数方法
Mar 23 #Vue.js
JavaScript实现页面动态验证码的实现示例
使用Vue.js和MJML创建响应式电子邮件
You might like
php模板之Phpbean的目录结构
2008/01/10 PHP
php继承的一个应用
2011/09/06 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
通过Jscript中@cc_on 语句识别IE浏览器及版本的代码
2011/05/07 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
bootstrap Table实现合并相同行
2019/07/19 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
Python使用sorted排序的方法小结
2017/07/28 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
Python中的groupby分组功能的实例代码
2018/07/11 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
Python通过Schema实现数据验证方式
2020/11/12 Python
为什么要有struct关键字
2012/05/08 面试题
在职研究生自我鉴定
2013/10/16 职场文书
个人自我鉴定
2013/11/07 职场文书
英语简历自我评价
2014/01/26 职场文书
区级文明单位申报材料
2014/05/15 职场文书
护理学专业求职信
2014/06/29 职场文书
购房委托书
2014/10/15 职场文书
边城读书笔记
2015/06/29 职场文书
高一化学教学反思
2016/02/22 职场文书