富文本数据在移动端中样式修改

转载于 2020-11-12 16:31:20 发布 · 824 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/wilber0501/article/details/89843317

文章标签：

#html #css #javascript

小技巧同时被 3 个专栏收录

26 篇文章

订阅专栏

10 篇文章

订阅专栏

坑

9 篇文章

订阅专栏

本文介绍了一种使用正则表达式来修改富文本中图片样式的简单方法，通过该方法可以统一调整图片的最大宽度。

获取到富文本信息：
用正则表达式定位要修改的部分，替换要修改成的文本内容。

var richtext=  res.data.data.richtext;
const regex = new RegExp('<img', 'gi');
richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);
this.content = richtext;

将替换后的内容放到html显示。

转载于原博客