80 lines
2.0 KiB
HTML
80 lines
2.0 KiB
HTML
<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> |