js正則匹配markdown里的圖片標(biāo)簽的實現(xiàn)
更新時間：2020年12月18日 10:51:42 作者：吳掌柜
這篇文章主要介紹了js正則匹配markdown里的圖片標(biāo)簽的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
其實前端后端需要將markdown文本轉(zhuǎn)換為html文本都有相應(yīng)的庫，幾句代碼就ok，但有時我們又必須獲取到markdown里的某個標(biāo)簽來進(jìn)行相應(yīng)的轉(zhuǎn)換，有幾種辦法，可以從已經(jīng)轉(zhuǎn)換好的html文本里獲取，還有的就是直接從markdown文本里獲取，這里說的是第二種。
1. 一個markdown里只有一個圖片的情況
const str = "asddsadasdasddasd"; //一段markdown文本，包含一個圖片"" let result = str.match(/!\[(.*?)\]\((.*?)\)/); //直接查找 console.log(result);
運(yùn)行結(jié)果
2. 一個markdown里有多個圖片的情況
const str = "asghfjgfhasfrsadas";
const pattern = /!\[(.*?)\]\((.*?)\)/mg;
let matcher;
while ((matcher = pattern.exec(str)) !== null) {
console.log(matcher);
}
運(yùn)行結(jié)果
每個結(jié)果都有相應(yīng)的原文以及原文所在位置，如果要做替換直接就可以替換了，參照如下方法
//最簡單的替換
"123".replace('1','a'); //把1替換為a
到此這篇關(guān)于js正則匹配markdown里的圖片標(biāo)簽的實現(xiàn)的文章就介紹到這了,更多相關(guān)js正則匹配markdown圖片標(biāo)簽內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript 實現(xiàn)基礎(chǔ) 正則表達(dá)式
正則表達(dá)式用來從某一段字符串中匹配所需要的字符，這些字符可以非常簡單，也可以非常復(fù)雜。JavaScript生來就對正則表達(dá)式有著良好的支持，在網(wǎng)絡(luò)的字符搜索匹配中發(fā)揮著重要的作用。2009-08-08
這篇文章主要介紹了Java正則獲取兩個字母之間的內(nèi)容,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
match() 方法將檢索目標(biāo)字符串，以找到一個或多個與 正則表達(dá)式regexp 匹配的文本。2011-08-08
js正則表達(dá)式之$1$2$3$4$5$6$7$8$9屬性，返回子匹配的結(jié)果
$1-$9存放著正則表達(dá)式中最近的9個正則表達(dá)式的匹配結(jié)果，這些結(jié)果按照子匹配的出現(xiàn)順序依次排列2012-10-10
這篇文章主要介紹了正則表達(dá)式教程之重復(fù)匹配,結(jié)合實例形式分析了正則表達(dá)式重復(fù)匹配及防止過度匹配相關(guān)技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了grep中使用"\d"匹配數(shù)字不成功的原因解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
正則表達(dá)式 應(yīng)用四則2007-01-01
本文給大家介紹使用C#判斷輸入日期格式是否正確的方法。本文給大家分享了兩段代碼，代碼非常簡單易懂，感興趣的朋友一起看看吧2015-10-10
代替正則——HyperScriptExpression聯(lián)合開發(fā)倡議公告
代替正則——HyperScriptExpression聯(lián)合開發(fā)倡議公告...2007-01-01
這篇文章主要為大家詳細(xì)介紹了正則表達(dá)式表單驗證實例，如何進(jìn)行表單驗證，感興趣的小伙伴們可以參考一下2016-03-03