获取富文本添加的图片标签

[小花丁]

后台设置富文本添加的图片和文字<p style="text-align: center;"><img src="http://iis.yanzhimo.com/uploads/20210205/1cb886c13f958dbef8fb11da0bf03385.jpeg" />hoiojo</p> 这种的前端怎么获取img标签设置他的样式呢

[前端人丶]

var div = document.createElement('div'); div.innerHTML = '<p style="text-align: center;"><img src="http://iis.yanzhimo.com/uploads/20210205/1cb886c13f958dbef8fb11da0bf03385.jpeg" />hoiojo</p>' 这样就将string转化为dom元素了 剩下的就是操作dom添加样式了

[小花丁]

谢谢 忘了说明了我这个是用vue写的

[z109876543210]

.content img {max-width:100%;} .content img {max-width:100vw;} .content img {max-width:100%; width:auto; height:auto;} .content img {max-width:100%; width:auto; height:auto;}

[小花丁]

这样是获取不到的 我试过

[喯啵儿灞]

没太懂您的意思 是后台通过富文本编辑器设置的图片，然后回显到你的前端页面上吗？ 还是后台返回的代码片段，需要回显到你前端的富文本编辑器中？

[小花丁]

是后台通过富文本编辑器设置的图片，然后回显到你的前端页面但是跑版了需要设置样式 前端获取不到img标签无法设置图片样式

[我爱小仙女]

前端富文本回显区域是不是在iframe里面啊

[小花丁]

这是后台设置富文本添加的图片和文字 这种格式<p style="text-align: center;"><img src="http://iis.yanzhimo.com/uploads/20210205/1cb886c13f958dbef8fb11da0bf03385.jpeg" />hoiojo</p> 这种的前端怎么获取img标签设置他的样式呢在前端正常显示出来

[qq_41442872]

不太懂，就进来看看

[this-way]

replace(/<img src/g, '<img style="xxxxxxxxx" src')