| <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; | |
| 				box-sizing: border-box; | |
| 			} | |
| 			.yingbing-content { | |
| 				color: #333; | |
| 				width: 100%; | |
| 				height: 100%; | |
| 			} | |
| 			.yingbing-img { | |
| 				max-width: 100%!important; | |
| 				max-height: 100%!important; | |
| 			} | |
| 		</style> | |
| 	</head> | |
| 	<body> | |
| 		<div class="yingbing-content"></div> | |
| 	</body> | |
| 	<script type="text/javascript"> | |
| 		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('='); | |
| 				if ( strs[0] == 'content' ) { | |
| 					document.querySelector('.yingbing-content').innerHTML = decodeURIComponent(strs[1]) | |
| 				} | |
| 			} | |
| 		} | |
| 		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); | |
| 		} | |
| 	</script> | |
| </html> |