| <html> | |
| 	<head> | |
| 		<meta | |
| 		  name="viewport" | |
| 		  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" | |
| 		/> | |
| 		<title>富文本展示</title> | |
| 		<style type="text/css"> | |
| 			html,body { | |
| 				margin: 0; | |
| 				padding: 0; | |
| 				width: 100%; | |
| 				height: 100%; | |
| 				overflow: hidden; | |
| 			} | |
| 			.content { | |
| 				color: #333; | |
| 				width: 100%; | |
| 				height: 100%; | |
| 			} | |
| 			.content img { | |
| 				max-width: 100%!important; | |
| 			} | |
| 		</style> | |
| 	</head> | |
| 	<body> | |
| 		<p id="content" class="content"></p> | |
| 	</body> | |
| 	<script type="text/javascript" src="./js/uni-webview-js@1.5.4.js"></script> | |
| 	<script type="text/javascript"> | |
| 		var obj = {} | |
| 		window.onload = function () { | |
| 			var search = window.location.search.slice(1); | |
| 			var arr = search.split('&'); | |
| 			for ( var i = 0; i < arr.length; i++ ) { | |
| 				var strs = arr[i].split('='); | |
| 				obj[strs[0]] = strs[1]; | |
| 			} | |
| 			if ( obj.rich ) { | |
| 				setRichText(JSON.parse(decodeURIComponent(obj.rich))); | |
| 				if ( obj.pageType == 'scroll' ) { | |
| 					window.setTimeout(function () { | |
| 						uni.postMessage({ | |
| 						    data: { | |
| 						        height: document.getElementById('content').scrollHeight + 100 | |
| 						    } | |
| 						}); | |
| 					}, 100) | |
| 				} | |
| 			} | |
| 		} | |
| 		function setStyle (attribute, value) { | |
| 			document.getElementById('content').style[attribute] = value | |
| 		} | |
| 		function setRichText (richText) { | |
| 			document.getElementById('content').innerHTML = richText | |
| 		} | |
| 		function setFontFace (fontList) { | |
| 			let code = fontList.reduce((accumulator, currentValue) => { | |
| 			    return accumulator + `@font-face { font-family: ${currentValue.fontFamily};src: url('${currentValue.src}'); }`; | |
| 			}, ""); | |
| 			var style = document.createElement("style"); | |
| 			style.type = "text/css"; | |
| 			style.rel = "stylesheet"; | |
| 			style.appendChild(document.createTextNode(code)); | |
| 			var head = document.getElementsByTagName("head")[0]; | |
| 			head.appendChild(style); | |
| 		} | |
| 		function triggerCustomClick (name, args) { | |
| 			uni.postMessage({ | |
| 				data: { | |
| 					customClick: { | |
| 						name: name, | |
| 						args: args | |
| 					} | |
| 				} | |
| 			}); | |
| 		} | |
| 	</script> | |
| </html> |