当前位置: 首页 > news >正文

测试onlyoffice在线预览文件功能

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服务器可以访问到的地址

http://www.lryc.cn/news/359686.html

相关文章:

  • Day57 每日温度 + 下一个更大元素Ⅰ
  • nuxt3 api如何透传(不引第3方库)
  • list常用接口模拟实现
  • 前端工程化工具系列(三) —— Stylelint(v16.6.1):CSS/SCSS 代码质量工具
  • crossover mac好用吗 CrossOver Mac怎么下载 Mac用crossover损害电脑吗
  • PHP模块pdo_sqlite.so: undefined symbol: sqlite3_column_table_name
  • 卷积神经网络-奥特曼识别
  • VB.net进行CAD二次开发(四)
  • 3步轻松月入过万,APP广告新模式大揭秘!
  • java项目之智能家居系统源码(springboot+vue+mysql)
  • 前端 JS 经典:读取文件原始内容
  • 汇编概论和实践
  • 铁塔基站用能监控能效解决方案
  • keepalived安装文档
  • Spring Security
  • vue中大屏可视化适配所有屏幕大小
  • AI大模型探索之路-实战篇12: 构建互动式Agent智能数据分析平台:实现多轮对话控制
  • 深入理解文件系统和日志分析
  • vue+vant移动端显示table表格加横向滚动条
  • webserver服务器从零搭建到上线(八)|EpollPoller事件分发器类
  • SD-WAN:企业网络转型的必然趋势
  • 构建高效稳定的短视频直播系统架构
  • python分别保存聚类分析结果+KeyError: ‘CustomerID‘报错
  • Sui与Atoma合作为开发者提供AI支持
  • go-gin中session实现redis前缀和db库选择+单点登录
  • python-双胞胎字符串
  • 万字长文,小白新手怎么开始做YOLO实验,从零开始教!整体思路在这里,科研指南针!
  • MDR-1A用什么前端:深度解析与实用指南
  • 01Linux以及操作系统概述
  • 华为OD刷题C卷 - 每日刷题 1