Javascript 如何将youtube短代码替换为iframe？

使用wordpress有youtube短代码

[youtube id="YOUTUBE_ID" width="650"]

我必须将短代码替换为iframe

<iframe
  class="ql-video ql-align-center"
  frameborder="0"
  allowfullscreen="true"
  src="https://www.youtube.com/embed/YOUTUBE_ID?showinfo=0"
>

const originContent='testtest[youtube id=“youtube\u id”width=650]test
'
const youtubeShortCode='[youtube id=“youtube\u id”width=650]'
const youtubeId=“YOUTUBE\u ID”
const content=originContent.replace（youtubeShortCode，``）
console.log（content）

您可以使用以下命令搜索YouTube ID并在一行代码中替换html：

const originContent='testtest[youtube id=“youtube\u id”width=650]test
'
const content=originContent.replace（/\[youtube id=\”（[^“]+）\”宽度=（\d+\]/i'，）
console.log（内容）

或者，如果您只想获取ID和宽度，可以使用以下方法进行匹配：

const originContent='testtest[youtube id=“youtube\u id”width=650]test
'
const[，youtubeId，width]=originContent.match（/\[youtube id=\”（[^“]+）\”width=（\d+）\]/i）
console.log（youtubeId，宽度）

<p class="ql-align-center"><br></p><p class="ql-align-center">test</p>
<p class="ql-align-center"><br></p>
<iframe class="ql-video ql-align-center" frameborder="0" allowfullscreen="true" src="https://www.youtube.com/embed/YOUTUBE_ID?showinfo=0"></iframe>
<p class="ql-align-center"><br></p>

const originContent = '<div>test</div><h1>test</h1>[youtube id="YOUTUBE_ID" width=650] <p>test</p>'

const content = originContent.replace(/\[youtube id=\"([^"]+)\" width=(\d+)\]/i, '<iframe class="ql-video ql-align-center" frameborder="0" allowfullscreen="true" src="https://www.youtube.com/embed/$1?showinfo=0"></iframe>')

console.log(content)

const originContent = '<div>test</div><h1>test</h1>[youtube id="YOUTUBE_ID" width=650] <p>test</p>'

const [, youtubeId, width] = originContent.match(/\[youtube id=\"([^"]+)\" width=(\d+)\]/i)

console.log(youtubeId, width)