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 相关文章推荐
判断JavaScript对象是否可用的最正确方法分析
Oct 03 Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 Javascript
jQuery cdn使用介绍
May 08 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
JavaScript观察者模式(经典)
Dec 09 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
微信小程序仿微信运动步数排行(交互)
Jul 13 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
Vuex模块化应用实践示例
Feb 03 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
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
php中使用explode查找某个字符是否存在的方法
2011/07/12 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
php实现基于openssl的加密解密方法
2016/09/30 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
innerText 使用示例
2014/01/23 Javascript
JavaScript学习笔记之JS事件对象
2015/01/22 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
2020/04/22 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
Python聊天室实例程序分享
2016/01/05 Python
python实现杨辉三角思路
2017/07/14 Python
python中Apriori算法实现讲解
2017/12/10 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
Python实现加密的RAR文件解压的方法(密码已知)
2020/09/11 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
金宝贝童装官网:Gymboree
2016/08/31 全球购物
出纳工作岗位责任制
2014/02/02 职场文书
诉讼财产保全担保书
2014/05/20 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
PHP中多字节字符串操作实例详解
2021/08/23 PHP