四零语境前端代码仓库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

54 lines
1.4 KiB

<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>