uniapp：富文本回显

一、使用uniapp官方的标签

rich-text：

会出现图片无法显示的问题，可以用以下方法来过滤处理

<rich-text :nodes="question.title | formatRichHtml"></rich-text>

        formatRichHtml(html) {if (!html) {return html;}//控制小程序中图片大小let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {// console.log(match.search(/style=/gi));if (match.search(/style=/gi) === -1) {match = match.replace(/\<img/gi, '<img style=""');}return match;});newContent = newContent.replace(/style="/gi, '$& max-width:100% !important; ');newContent = newContent.replace(/<br[^>]*\/>/gi, '');newContent = newContent.replace(/background-color[\s:]+[^;]*;/gi, '');return newContent;}

二、使用 扩展插件

还有一些扩展的，比如音视频

mp-html：

官方文档：小程序富文本组件

组件属性

完~