测试onlyoffice在线预览文件功能

HTML示例代码

HTML 复制代码
<!DOCTYPE html>
<html lang="zh">
 
<head>
    <meta charset="UTF-8">
    <title>测试onlyoffice在线预览文件功能</title>
    <script type="text/javascript" src="http://onlyoffice服务器ip:端口/web-apps/apps/api/documents/api.js"></script>
    <style>
        html {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
        
        body {
            height: 100%;
            width: 100%;
            padding: 0;
            margin: 0;
        }
    </style>
</head>
 
<body class="full-screen">
    <div id="placeholder"></div>
 
    <script language="javascript" type="text/javascript">
        var docEditor = new DocsAPI.DocEditor("placeholder", {
 
            "document": {
                "fileType": "xlsx",
                "title": "xxx.xlsx",
                //地址必须文件服务器能访问到
                "url": "http://ip:端口/static/qms/xxx.xlsx" //文件地址
            },
            });
    </script>
</body>
<style type="text/css">
    .full-screen {
        height: 100%;
        overflow: hidden;
    }
</style>
 
</html>

注意事项

1、http://onlyoffice服务器ip:端口/web-apps/apps/api/documents/api.js能正常访问,访问结果如下

2、文件地址 必须是onlyoffice服务器可以访问到的地址

相关推荐
阿啄debugIT21 小时前
2022年系统架构设计师考试上午选择真题解析
系统架构
qqxhb21 小时前
系统架构设计师备考第42天——软件可靠性测试与评价
系统架构·可靠性测试·可靠性评价·运行剖面·失效统计分析·马尔可夫链建模
"sudo1 天前
【2025-系统规划与管理师】第11章:信息系统治理
系统架构
冷雨夜中漫步2 天前
高级系统架构师笔记——数据库设计基础知识(5)Armstrong公理系统、无损连接和有损连接
笔记·系统架构
安替-AnTi2 天前
SQLBot:基于大模型与 RAG 的智能问数系统架构
系统架构·大模型·检索增强·rag·智能问数·nltosql
r i c k2 天前
系统架构设计师--论文真题及预测
系统架构
武子康2 天前
Java-153 深入浅出 MongoDB 全面的适用场景分析与选型指南 场景应用指南
java·开发语言·数据库·mongodb·性能优化·系统架构·nosql
qqxhb3 天前
系统架构设计师备考第44天——软件架构演化方式的分类和原则
系统架构·运行时·设计时·运行期·静态演化·动态演化·成本风险质量
sniper_fandc3 天前
XXL-JOB从入门到进阶——系统架构、核心原理
系统架构·xxl-job
qqxhb3 天前
系统架构设计师备考第43天——软件架构演化和定义
系统架构·架构演化·架构定义·对象演化·消息演化·复合片段·约束演化