zoukankan      html  css  js  c++  java
  • onlyOffice安装与使用

    onlyOffice官网:https://api.onlyoffice.com/

    docker镜像安装onlyOffice

    
    拉取onlyOffice镜像
    
    docker pull hub.c.163.com/gongzh/onlyoffice:latest
    运行
    docker run -i -t -d -p 8702:80  hub.c.163.com/gongzh/onlyoffice
    如果正式使用onlyOffice,可以将容器中的相关目录映射到本机的mu目录,方便查看
    例如一下目录:
           -v ~/onlyoffice/documentserver/logs:/var/log/onlyoffice 
    
           -v ~/onlyoffice/documentserver/data:/var/www/onlyoffice/Data 
    
           -v ~/onlyoffice/documentserver/sdkjs-plugins:/var/www/onlyoffice/documentserver/sdkjs-plugins 
    
           -v  ~/onlyoffice/documentserver/lib:/var/lib/onlyoffice onlyoffice/documentserver
    
    

    访问

    本机地址:http://localhost:8702/welcome/, 看到如下页面,表示已经安装好了

    如何通过onlyOffice在线编辑word

    第一步,我们写个简单的html文件,引用本地onlyOffice的js文件,我本地是:http://localhost:8702/web-apps/apps/api/documents/api.js,然后写上网关上相关javascript脚本的内容(手动设置编辑框的高和宽),具体如下:
    <!DOCTYPE html>
    <html>
        <head>
         <meta charset="utf-8">
         <script type="text/javascript" src="http://localhost:8702/web-apps/apps/api/documents/api.js"></script>
        </style>
        </head>
        <body>
         <div id="placeholder" class = "nav"></div>
          <script language="javascript" type="text/javascript">
                new DocsAPI.DocEditor("placeholder", {
           "document": {
              "fileType": "docx",
              "key": "12NAFE",
              "title": "test6.docx",
              "url": "你需要编辑word文件的url"
          },
          "documentType": "text",
          "width": "1600px", 
                "height": "900px",
                "editorConfig": {
                    "callbackUrl": "编辑word后保存时回调的地址,这个api需要自己写了,将编辑后的文件通过这个api保存到自己想要的位置"
                },
                "permissions": {
                "comment": true,
                "download": true,
                "edit": true, (文件是否可以编辑,false时文件不可编辑)
                "fillForms": true,
                "print": true,
                "review": true
            }
    });
            </script>
        </body>
    </html>
    

    写完html文件后,我们打开,效果如下:

  • 相关阅读:
    设计模式课程 设计模式精讲 2-1 本章导航
    数字 日期 格式化方法
    jQuery事件委托之Safari失效的解决办法--摘抄
    css3鼠标点击穿透--摘抄
    字符串日期转换为周
    在echars上发布的半圆环形图
    一些框架源码中的代码
    webSQL 增删改查
    Android 根据版本号更新
    Android 永久保存简单数据
  • 原文地址:https://www.cnblogs.com/levcon/p/12497452.html
Copyright © 2011-2022 走看看