js正則匹配markdown里的圖片標簽的實現
更新時間：2020年12月18日 10:51:42 作者：吳掌柜
這篇文章主要介紹了js正則匹配markdown里的圖片標簽的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
其實前端后端需要將markdown文本轉換為html文本都有相應的庫，幾句代碼就ok，但有時我們又必須獲取到markdown里的某個標簽來進行相應的轉換，有幾種辦法，可以從已經轉換好的html文本里獲取，還有的就是直接從markdown文本里獲取，這里說的是第二種。
1. 一個markdown里只有一個圖片的情況
const str = "asddsadasdasddasd"; //一段markdown文本，包含一個圖片"" let result = str.match(/!\[(.*?)\]\((.*?)\)/); //直接查找 console.log(result);
運行結果
2. 一個markdown里有多個圖片的情況
const str = "asghfjgfhasfrsadas";
const pattern = /!\[(.*?)\]\((.*?)\)/mg;
let matcher;
while ((matcher = pattern.exec(str)) !== null) {
console.log(matcher);
}
運行結果
每個結果都有相應的原文以及原文所在位置，如果要做替換直接就可以替換了，參照如下方法
//最簡單的替換
"123".replace('1','a'); //把1替換為a
到此這篇關于js正則匹配markdown里的圖片標簽的實現的文章就介紹到這了,更多相關js正則匹配markdown圖片標簽內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
該函數通過對指定你的字符串進行一次匹配檢測，獲取字符串中的第一個與正則表達式的內容，并且將匹配的內容和子匹配的結果存放在返回數組中2012-10-10
這篇文章主要介紹了使用正則表達式驗證登錄頁面輸入是否符合要求的實例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了正則表達式實現與或非關系,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
正則表達式創建方式的區別及編寫簡單的正則方式(js學習總結)
這篇文章主要介紹了正則表達式創建方式的區別及編寫簡單的正則方式(js學習總結),需要的朋友可以參考下2017-07-07
正則表達式詳述 四...2007-04-04
學了幾天正則，差不多該總結整理寫成果了，通過分析2位大神的代碼，整理出來的一篇很實用的文章2014-05-05
這篇文章主要介紹了正則表達式中的正向預查和負向預查，本文通過幾個場景給大家分析 ,需要的朋友可以參考下2019-08-08
grep、sed和awk都是文本處理工具。這篇文章主要介紹了正則表達式及Linux三大文本處理工具,需要的朋友可以參考下2017-07-07
本文通過實例代碼給大家介紹了正則表達式匹配(URL、電話、手機、郵箱)的方法，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-08-08
其實各個語言包括asp,php,asp.net都是一樣的，只是語法調用不一樣2008-03-03
最新評論