主流网站模板,网站项目怎么做的,购物网站排名榜,wordpress 切换一、使用uniapp官方的标签
rich-text#xff1a;
会出现图片无法显示的问题#xff0c;可以用以下方法来过滤处理
rich-text :nodesquestion.title | formatRichHtml/rich-text formatRichHtml(html) {if (!html) {return html;}//控制小程序…一、使用uniapp官方的标签
rich-text
会出现图片无法显示的问题可以用以下方法来过滤处理
rich-text :nodesquestion.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
官方文档小程序富文本组件
组件属性
属性类型默认值说明container-styleString容器的样式2.1.0contentString用于渲染的 html 字符串copy-linkBooleantrue是否允许外部链接被点击时自动复制domainString主域名用于链接拼接error-imgString图片出错时的占位图链接lazy-loadBooleanfalse是否开启图片懒加载loading-imgString图片加载过程中的占位图链接pause-videoBooleantrue是否在播放一个视频时自动暂停其他视频preview-imgBooleantrue是否允许图片被点击时自动预览scroll-tableBooleanfalse是否给每个表格添加一个滚动层使其能单独横向滚动selectableBooleanfalse是否开启文本长按复制set-titleBooleantrue是否将 title 标签的内容设置到页面标题show-img-menuBooleantrue是否允许图片被长按时显示菜单tag-styleObject设置标签的默认样式use-anchorBooleanfalse是否使用锚点链接 完~
