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 相关文章推荐
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
js中利用tagname和id获取元素的方法
Jan 03 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
Vue2.0用户权限控制解决方案
Nov 29 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
浅谈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文件中是否含有bom的函数
2012/05/31 PHP
解析如何通过PHP函数获取当前运行的环境 来进行判断执行逻辑(小技巧)
2013/06/25 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
PHP7变量处理机制修改
2021/03/09 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
js 目录列举函数
2008/11/06 Javascript
HTML代码中标签的全部属性 中文注释说明
2009/03/26 Javascript
JavaScript与DropDownList 区别分析
2010/01/01 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
2016/05/15 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
在 React、Vue项目中使用SVG的方法
2018/02/09 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
[12:51]71泪洒现场!是DOTA2让经典重现
2014/03/24 DOTA
python查看FTP是否能连接成功的方法
2015/07/30 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
德国团购网站:Groupon德国
2018/03/13 全球购物
春季防火方案
2014/05/10 职场文书
最常使用的求职信
2014/05/25 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
工程部经理岗位职责
2015/02/02 职场文书
校车安全管理责任书
2015/05/11 职场文书
环保建议书作文400字
2015/09/14 职场文书
如何有效防止sql注入的方法
2021/05/25 SQL Server