使用JavaScript正则表达式解析markdown里的图片标签

需求：开发一个JavaScript函数，输入为markdown格式语法的图片标签：

输出是三个返回值：

image31.png
31
https://upload-images.jianshu.io/upload_images/2085791-416440df76a7343c.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240

下面是我写的JavaScript函数和测试代码：

<html>
<script>var input = "![image31.png](https://upload-images.jianshu.io/upload_images/2085791-416440df76a7343c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)";var IMAGE_PATTERN = /^!\[(.*)\]\((.*)\)$/;
var IMAGE_INDEX = /^image(\d+).*$/;
// var IMAGE_TAG = "[图片]";function SortedImage(index, url){this.index = index;this.url = url;
}function sortByIndex(v1,v2){if(v1.index < v2.index ){return -1;}else if(v1.index > v2.index ){return 1;}else return 0;
}function run(input) {if (input.indexOf("https://upload-images.jianshu.io") < 0 ) {return;} var result = IMAGE_PATTERN.exec(input);if( result.length != 3){return;}var imageIndex = IMAGE_INDEX.exec(result[1]);console.assert(imageIndex.length === 2);return {"fileIndex": imageIndex[1],"fileName": result[1],"fileURL": result[2],};
}var result = run(input);
debugger;</script>
</html>

执行代码，能按照我期望的输出：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

使用JavaScript正则表达式解析markdown里的图片标签相关推荐

JavaScript正则表达式给html字符串的img标签增加style样式
平时我们使用正则表达式更多的是提取.过滤等,比如提取html字符串中的图片呀等等,而最近遇到的一个问题是要给html字符串中的img标签增加style样式,就想到了使用正则表达式,主要是对正则表达式的 ...
Markdown里的图片并排显示
最近写文章的时候发现,在markdown里插入一些很长的图片的时候,会显得很不好看,于是去查了一下如何实现markdown里图片的并排显示,参考了下面博客内的内容,方法如下: 1. 单张居中显示: & ...
java正则表达式提取html中的图片标签img src=
需求:将网页分享给其他人,JShare的分享模板如下: 其中有标题(红色).内容(黄色).图片(绿色),但是接口中没有给图片的URL,而html格式的内容中有<img src="htt ...
在Python中使用正则表达式去掉字符串里的html标签
有时候会获得一些带html标签的字符串,需要把html标签去掉,获得干净的字符串,这时候可以使用正则表达式. 代码如下: import rehtmeString = '''<ul id=&quo ...
织梦 css里的图片标签,织梦{dede:field.body /}中用CSS的expression参数控制图片大小
{dede:field.body /} css:图片高和宽最大都是600px. .content img{ max-width:600px; max-height:600px; width:600px ...
C#解析Markdown文档，实现替换图片链接操作
前言又是好久没写博客了其实也不是没写,是最近在「做一个博客」,从2月21日开始,大概一个多星期的时间,疯狂刷进度,边写代码边写了一整系列的博客开发笔记,目前为止已经写了16篇了,然后上3月之后工作 ...
小红书标签 HTML5,html5仿小红书的图片标签功能
最近做了这样的一个功能,在wap网页上实现类似小红书app里的图片标签功能,很是蛋疼. 上传页示例如下图: 可以看到最上面的①是展示区域,也是编辑标签的操作区域:中间②是可滑动的缩略图,在此选择要编辑 ...
ios markdown 解析_Shortcuts 教程：正则表达式修改 Markdown 链接
这是我的「写作流」Shortcuts. 上一篇文章中,我谈到由于官方编辑器完全不支持 Markdown 语法,我不得不利用 Shortcut 以及公众号 Web API 处理 Markdown 文本的 ...
python下载图片到文件夹_python实现解析markdown文档中的图片，并且保存到本地~
背景前阵子简书好像说是凉了,搞得我有点小慌,毕竟我的大部分博客都是放在简书上面的,虽然简书提供了打包导出功能,但是只能导出文字,图片的话还是存在简书服务器上面,再加上我一直想要重新做一个个人博客,于 ...

使用JavaScript正则表达式解析markdown里的图片标签

使用JavaScript正则表达式解析markdown里的图片标签相关推荐

最新文章

热门文章