js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn)
其實(shí)前端后端需要將markdown文本轉(zhuǎn)換為html文本都有相應(yīng)的庫(kù),幾句代碼就ok,但有時(shí)我們又必須獲取到markdown里的某個(gè)標(biāo)簽來(lái)進(jìn)行相應(yīng)的轉(zhuǎn)換,有幾種辦法,可以從已經(jīng)轉(zhuǎn)換好的html文本里獲取,還有的就是直接從markdown文本里獲取,這里說(shuō)的是第二種。
1. 一個(gè)markdown里只有一個(gè)圖片的情況
const str = "asddsadasdasddasd"; //一段markdown文本,包含一個(gè)圖片"" let result = str.match(/!\[(.*?)\]\((.*?)\)/); //直接查找 console.log(result);
運(yùn)行結(jié)果
2. 一個(gè)markdown里有多個(gè)圖片的情況
const str = "asghfjgfhasfrsadas"; const pattern = /!\[(.*?)\]\((.*?)\)/mg; let matcher; while ((matcher = pattern.exec(str)) !== null) { console.log(matcher); }
運(yùn)行結(jié)果
每個(gè)結(jié)果都有相應(yīng)的原文以及原文所在位置,如果要做替換直接就可以替換了,參照如下方法
//最簡(jiǎn)單的替換 "123".replace('1','a'); //把1替換為a
到此這篇關(guān)于js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)js正則匹配markdown圖片標(biāo)簽內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
UNIX/LINUX SHELL 正則表達(dá)式語(yǔ)法詳解附使用方法
一個(gè)正則表達(dá)式就是由普通字符(例如字符 a 到 z)以及特殊字符(稱(chēng)為元字符)組成的文字模式。該模式描述在查找文字主體時(shí)待匹配的一個(gè)或多個(gè)字符串。正則表達(dá)式作為一個(gè)模板,將某個(gè)字符模式與所搜索的字符串進(jìn)行匹配2019-11-11淺析正則表達(dá)式中的lastIndex以及預(yù)查
這篇文章主要介紹了正則表達(dá)式中的lastIndex以及預(yù)查功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04UBB 轉(zhuǎn)換函數(shù)演示 (經(jīng)典論壇)
[綠色]UBB 轉(zhuǎn)換函數(shù)演示 (經(jīng)典論壇)...2006-08-08正則表達(dá)式實(shí)現(xiàn)將MM/DD/YYYY格式的日期轉(zhuǎn)換為YYYY-MM-DD格式
這篇文章主要介紹了正則表達(dá)式實(shí)現(xiàn)將MM/DD/YYYY格式的日期轉(zhuǎn)換為YYYY-MM-DD格式的方法,是一個(gè)比較簡(jiǎn)單實(shí)用的正則替換應(yīng)用,對(duì)于怎能則表達(dá)式的學(xué)習(xí)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12正則表達(dá)式實(shí)現(xiàn)添加、刪除、替換三種功能
本文的一段實(shí)例代碼實(shí)現(xiàn)了通過(guò)用正則表達(dá)式來(lái)對(duì)某一個(gè)句子的添加、替換、刪除三種操作,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-07-07