uniapp普通电商详情页使用富文本


		
		

因为uniapp在h5和app和小程序显示不同所以使用条件编译来适配不同的

filters: {
				/**
				 * 处理富文本里的图片宽度自适应
				 * 1.去掉img标签里的style、width、height属性
				 * 2.img标签添加style属性:max-width:100%;height:auto
				 * 3.修改所有style里的width属性为max-width:100%
				 * 4.去掉
标签 * @param html * @returns {void|string|*} */ formatRichText (html) { //控制小程序中图片大小 if(!html) return; let newContent= html.replace(/]*>/gi,function(match,capture){ match = match.replace(/style="[^"]+"/gi, '')//.replace(/style='[^']+'/gi, ''); match = match.replace(/width="[^"]+"/gi, '')//.replace(/width='[^']+'/gi, ''); match = match.replace(/height="[^"]+"/gi, '')//.replace(/height='[^']+'/gi, ''); return match; }); newContent= newContent.replace(/]*>/gi,function(match,capture){ match = match.replace(/style="[^"]+"/gi, '')//.replace(/style='[^']+'/gi, ''); match = match.replace(/width="[^"]+"/gi, '')//.replace(/width='[^']+'/gi, ''); match = match.replace(/height="[^"]+"/gi, '')//.replace(/height='[^']+'/gi, ''); return match; }); newContent= newContent.replace(/]*>/gi,''); newContent= newContent.replace(/<[/]p[^>]*>/gi,''); newContent = newContent.replace(/style="[^"]+"/gi,function(match,capture){ match = match.replace(/width:[^;]+;/gi, 'width:100%;').replace(/width:[^;]+;/gi, 'width:100%;'); return match; }); newContent = newContent.replace(/]*\/>/gi, ''); newContent = newContent.replace(/\[\s]*<"); return newContent; } }, methods: { formatRichTexts(html){ if(!html) return; let newContent= html.replace(/]*>/gi,function(match,capture){ match = match.replace(/style="[^"]+"/gi, '')//.replace(/style='[^']+'/gi, ''); match = match.replace(/width="[^"]+"/gi, '')//.replace(/width='[^']+'/gi, ''); match = match.replace(/height="[^"]+"/gi, '')//.replace(/height='[^']+'/gi, ''); //图片app不支持 // #ifdef APP-PLUS match = match.replace(/!*.webp/gi, '') // #endif return match; }); newContent= newContent.replace(/]*>/gi,function(match,capture){ match = match.replace(/style="[^"]+"/gi, '')//.replace(/style='[^']+'/gi, ''); match = match.replace(/width="[^"]+"/gi, '')//.replace(/width='[^']+'/gi, ''); match = match.replace(/height="[^"]+"/gi, '')//.replace(/height='[^']+'/gi, ''); return match; }); newContent= newContent.replace(/]*>/gi,''); newContent= newContent.replace(/<[/]p[^>]*>/gi,''); newContent = newContent.replace(/style="[^"]+"/gi,function(match,capture){ match = match.replace(/width:[^;]+;/gi, 'width:100%;').replace(/width:[^;]+;/gi, 'width:100%;'); return match; }); newContent = newContent.replace(/]*\/>/gi, ''); newContent = newContent.replace(/\<"); // console.log(newContent); return newContent; }, }

 

你可能感兴趣的:(uniapp,富文本,uniapp,富文本)