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の正規の一致マークダウン画像タグの内容は、スクリプトハウスの過去の記事を検索するか、以下の関連記事を閲覧し続けることを願って、今後ともスクリプトハウスをサポートしてください!。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン