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