vue去掉富文本里面的<img>单标签
时间: 2024-09-29 07:11:39 浏览: 45
在Vue.js中,如果你想要从富文本字符串(如Markdown或HTML内容)中移除 `<img>` 单独的标签并保留其源URL,可以使用正则表达式和一些JavaScript处理。这里是一个简单的示例:
```javascript
function removeImgTags(htmlContent) {
// 使用正则表达式匹配所有的 <img> 标签
const imgRegex = /<img[^>]*>/g;
// 替换为纯文本,即只保留src属性
return htmlContent.replace(imgRegex, '![图片](http://)');
}
// 示例用法
const richText = '<p>这是一段包含<img src="image.jpg">的富文本。</p>';
const cleanedText = removeImgTags(richText);
```
上述代码会将所有 `<img>` 标签替换为一个带有占位符链接的文本 "[图片](![](http://))",实际应用中你需要替换`http://`为真实的图片地址。
阅读全文