1. ホーム
  2. Web プログラミング
  3. 正規表現

Markdownにおける画像タグのjs正規マッチング

2022-01-18 12:05:06

実際には、フロントエンドとバックエンドは、htmlテキストにマークダウンテキストを変換する必要があります対応するライブラリを持って、コードの数行はOKですが、時には我々は、対応する変換を行うためにマークダウンのタグに取得する必要があります、いくつかの方法があります、あなたはすでに変換されたHTMLテキストから得ることができ、いくつかは直接マークダウンテキストからですが、ここでは2番目は、ここにある。

1. マークダウンの中に画像が1つしかない場合

const str = "asddsad![title](url)asdasddasd"; //a piece of markdown text containing an image"! [title](url)"
let result = str.match(/! \[(. *?) \]\((. *?) \)/); //direct lookup
console.log(result); 


結果を実行する

2. 1つのマークダウンで複数の画像を使用する場合

const str = "asghfj![caption1](url1)gfhasfr![caption2](url2)sadas";
const pattern = /! \[(. *?) \]\((. *?) \)/mg;
let matcher;

while ((matcher = pattern.exec(str)) ! == null) {
  console.log(matcher);
}




結果を実行する

それぞれの結果には、対応する原文と原文の位置が示されているので、置換を行いたい場合は、以下のように直接行うことができます。

// The simplest replacement
"123".replace('1','a'); //replace 1 with a



この記事では、jsの正規の一致マークダウン画像タグの実装について紹介されています、より関連するjsの正規の一致マークダウン画像タグの内容は、スクリプトハウスの過去の記事を検索するか、以下の関連記事を閲覧し続けることを願って、今後ともスクリプトハウスをサポートしてください!。