美文网首页markdown
758. 【前端】从markdown格式文本中提取图片链接

758. 【前端】从markdown格式文本中提取图片链接

作者: 七镜 | 来源:发表于2023-08-10 23:33 被阅读0次

分享一个前端工具函数,从markdown格式文本中提取图片链接,
回家上干货:

function markdownFindImageLinkFirst(markdown:string,defaultLink:string):string{

    const regex = /\!\[.*\]\(http.*\)/g;

    const matches = markdown.match(regex);

    if(matches == null) {
        return  defaultLink;
    }
    const firstMatch = matches[0];

// 使用replace方法,将不需要的部分替换为空字符串,得到纯净的图片链接
    const firstImageLink = firstMatch.replace(/\!\[.*\]|\(|\)/g, '');

    return firstImageLink
}

其实,可以看到只是写了两个正则表达式而已,但却能切实解决从markdown中提取第一张图片链接的问题,该功能将支持新闻列表页概览功能的开发。

有时候没必要使用多么复杂的技术,能解决实际需求就好。

相关文章

  • 使用Markdown写作,再也不用担心排版啦!

    一、什么是Markdown? Markdown不是一种软件,它是一种文本格式,只需要在文本中添加“#、-、>”等简...

  • 2019-01-26

    练习Markdown语法格式文本1文本2文本3

  • Markdown的学习

    Markdown概述: Markdown是一种编辑文本的一种格式,可以让文本更加美观。 HTML 是一种发布的格式...

  • Day_01-Markdown基础语法

    Markdown是什么? 它是一种纯文本格式标记语言。 目的 通过markdown可以使普通文本具有一定的格式,便...

  • Django-Markdown

    问题 使用markdow渲染保存的文本,实现在HTML中根据markdown格式显示文本内容。同时用pygment...

  • 学习小组Day1笔记--LBQ

    一、Markdown是什么? Markdown是一种纯文本格式的标记语言,可以使普通文本内容具有一定的格式,并且只...

  • Markdown 新手指南

    Markdown 优点: 纯文本,所以兼容性极强,可以用所有文本编辑器打开。格式转换方便,Markdown 的文本...

  • Markdown摘要

    了解Markdown Markdown是一种带格式的文本语言,仅仅依靠键盘对特殊符号的输入就可以实现对文本格式的规...

  • Markdown使用

    # Markdown文本编辑 Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容...

  • Day-1 陈海影

    学习markdown相关语法并练习 先下载简书,设置文本格式为markdown

网友评论

    本文标题:758. 【前端】从markdown格式文本中提取图片链接

    本文链接:https://www.haomeiwen.com/subject/upripdtx.html