12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <body>
- <div class="custom-mount" style="height: 100%"></div>
- </body>
- <script src="https://qn.cache.wpscdn.cn/js/jquery-1.9.1.min.js"></script>
- <script th:src="@{/wps-server/static/weboffice/web-office-sdk-v1.1.2.umd.js}"></script>
- <script th:src="@{/wps-server/static/weboffice/jwps.js}"></script>
- <script th:inline="javascript">
- var wps;
- const filename = [[${filename}]];
- const fileid = [[${fileid}]]
- var ready = true
- function openFile() {
- ;
- $.get("/wps-server/weboffice/url?_w_fname=" + filename + "&_w_fileid=" + fileid, function (result) {
- // url这个样子 : https://wwo.wps.cn/office/w/471eba5030?_w_fname=会议纪要.docx&_w_userid=33&_w_appid=d8f99da
- wps = WebOfficeSDK.config({
- wpsUrl: result.wpsUrl,
- mount: document.querySelector('.custom-mount')
- });
- wps.setToken({token: result.token});
- // await wps.WordApplication().ActiveDocument.ReplaceText([{key: '${name}', value: '刘高峰'}])
- })
- }
- async function exportPdf() {
- var result = await wps.WordApplication().ActiveDocument.ExportAsFixedFormat();
- alert(result.url);
- }
- openFile();
- </script>
- <style>
- * {
- box-sizing: border-box;
- }
- html,
- body {
- display: flex;
- flex-direction: column;
- padding: 0;
- margin: 0;
- height: 100%;
- /* 防止双击缩放 */
- touch-action: manipulation;
- }
- iframe {
- flex: 1;
- }
- </style>
- </html>
|