uniapp富文本转化使用

//小程序富文本转换
var graceRichTextReg;
var GRT = [
	['div', "line-height:2em;"],
	['h1', "font-size:3em; line-height:1.5em;"],
	['h2', "font-size:2em; line-height:1.8em;"],
	['h3', "font-size:1.6em; line-height:2em;"],
	['h4', "font-size:1.2em; line-height:2em;"],
	['h5', "font-size:1em; line-height:2em;"],
	['h6', "font-size:0.9em; line-height:2em;"],
	['p', "font-size:1em; line-height:2em;"],
	['b', "font-size:1em; line-height:2em;"],
	['strong', "font-size:1em; line-height:2em;"],
	['code', "font-size:1em; line-height:1.2em; background:#F6F7F8; padding:8px 2%; width:96%;"],
	['img', "width:100%; margin:8px 0;"],
	['blockquote', "font-size:1em; border-left:3px solid #D1D1D1; line-height:2em; border-radius:5px; background:#F6F7F8; padding:8px 2%;"],
	['ul', "padding:5px 0; list-style:none; padding:0; margin:0;"],
	['li', "line-height:1.5em; padding:5px 0; list-style:none; padding:0; margin:0; margin-top:10px;"],
	['table', "width:100%; border-left:1px solid #F2F3F4; border-top:1px solid #F2F3F4;"],
	['th', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4;"],
	['td', "border-right:1px solid #F2F3F4; border-bottom:1px solid #F2F3F4; padding-left:5px;"]
];
function formatHtml(html){
	html = html.replace(/<pre.*pre>?/gis, function(word){
		word =  word.replace(/[\n]/gi,'<br />');
		word =  word.replace(/    /gi,'<span style="padding-left:2em;"></span>');
		return word.replace(/[\t]/gi, '<span style="padding-left:2em;"></span>');
	});
	html = html.replace(/<pre/gi, '<p style="font-size:1em; margin:12px 0; line-height:1.2em; background:#F6F7F8; border-radius:5px; padding:8px 4%; width:92%;"');
	html = html.replace(/<\/pre/gi,"</p");
	for(let i = 0; i < GRT.length; i++){
		graceRichTextReg = new RegExp('<'+GRT[i][0]+'>|<'+GRT[i][0]+' (.*?)>', 'gi');
		html = html.replace(graceRichTextReg , function(word){
			if(word.indexOf('style=') != -1){
				var regIn = new RegExp('<' + GRT[i][0] + '(.*?)style="(.*?)"(.*?)(/?)>', 'gi');
				return word.replace(regIn, '<'+ GRT[i][0] +'$1style="$2 ' + GRT[i][1] +'"$3$4>');
			}else{
				var regIn = new RegExp('<' + GRT[i][0] + '(.*?)(/?)>', 'gi');
				return word.replace(regIn, '<'+ GRT[i][0] +'$1 style="' + GRT[i][1] +'$2">');
			}
		});
	}
	return html;
}

module.exports = {
	formatHtml :formatHtml 
}

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值