fileEdit.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title th:text="文件管理"></title>
  6. </head>
  7. <body>
  8. <div id="fileEdit"></div>
  9. <!--// 页面引入document的api.js-->
  10. <script type="text/javascript" src="http://47.94.222.6:9050/web-apps/apps/api/documents/api.js"></script>
  11. <script>
  12. //office文件在线编辑、预览
  13. new DocsAPI.DocEditor("fileEdit", // 元素id
  14. {
  15. type: "desktop",
  16. width: "100%",
  17. height: "1000px",
  18. document: {
  19. title: "文档管理",
  20. url: "http://192.168.187.1:9999/ventanaly-sharefile/fileServer/onlyOffice/read?id=[[${id}]]",//id表示文件id,后端接口用这个id来加载文件
  21. fileType:"docx",//当文件类型为doc、xls、ppt时,对应用docx、xlsx、pptx否则会保存异常。
  22. key: "",
  23. lang: "zh-CN",
  24. permissions: {
  25. "download": true,//是否可下载
  26. "edit": true,
  27. "fillForms": true,
  28. "print": true,//是否可打印
  29. }
  30. },
  31. editorConfig: {
  32. "lang": "zh-CN",
  33. mode: "edit",//view:只读且可复制内容,edit:可编辑
  34. "callbackUrl": "http://192.168.187.1:9999/ventanaly-sharefile/fileServer/onlyOffice/save?id=[[${id}]]",//id表示文件id,后端接口用这个id来加载文件
  35. "coEditing": {
  36. "mode": "fast",
  37. "change": true
  38. },
  39. "customization": {
  40. "toolbarNoTabs": true,
  41. "autosave": false,//是否自动保存
  42. "forcesave": true,//定义保存按钮是否显示
  43. "hideRightMenu": true,
  44. },
  45. //用户信息
  46. "user": {
  47. "id": "857857", //用户ID
  48. "name": "小陈" //用户名称
  49. }
  50. }
  51. });
  52. </script>
  53. </body>
  54. </html>