鸿蒙里当富文本无法呈现出html标签时应该如何操作

问题

DetailData.content是一个html标签数据

 RichText(this.DetailData?.content)

富文本无法识别时可以让ai生成一个正则函数将src中的字符串获取出来（这个函数返回的是一个字符串数组）

// 正则表达式匹配所有img标签
export function extractImgTags(html:string) {
  // 正则表达式匹配所有img标签
  const imgRegex = /<img [^>]*src="([^"]+)"[^>]*>/g;
  let match:RegExpExecArray|null ;
  const imgTags:string[] = [];

  // 使用循环来提取所有匹配的img标签
  while ((match = imgRegex.exec(html)) !== null) {
    imgTags.push(match[1]); // 将整个img标签添加到数组中
  }

  return imgTags;
}

设置img数据

@State imgs:string[]=[]
//设置响应式imgs数据
this.imgs=extractImgTags(this.DetailData.content) as string[]
//将数据用函数处理数据放入imgs中
ForEach(this.imgs,(item:string)=>{
     Image(item)
      .width("100%")
})
遍历img