onlyoffice创建excel文档

前提

安装好onlyoffice然后尝试api开发入门

编写代码

html 复制代码
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>01</title>
</head>
<body style="height: 100%;margin: 0;">
<div id="placeholder"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script type="text/javascript" src="http://10.10.90.139:8099/web-apps/apps/api/documents/api.js"></script>
<script type="text/javascript">
    const config = {
        "document": {
            "fileType": "xlsx",
            "key": "sdfsdffdgdfgdfgdfjkjk",
            "title": "新建11.xlsx",
            "url":"http://10.10.90.139:8849/new.xlsx",//空的文档,因为url必须传
            // 权限,每个要打开的文档都可以设置独立的权限
            "permissions": {
                // 启用评论
                "comment": false,
                // 启用下载
                "download": false,
                // 启用编辑
                "edit": true,
                // 启用导出
                "print": false,
                // 启用预览
                "review": true,
                //是否开启聊天
                "chat": false,
                //是否可以复制
                "copy": true,
                //是否文档受保护
                "protect": false,
                "fillForms": false,
            }
        },
        "documentType": "cell",
        "editorConfig": {
            "callbackUrl": "http://192.169.43.39:5226/index/callback",
            // 设置语言
            "lang": "zh-CN",
            "mode":"edit",//edit 或者view
            // 添加用户信息
            "user": {
                "group": "技术部",
                "id": "wjl",
                "name": "wjl"
            },
            "customization":{
                "logo": {
                    "image": "https://api.onlyoffice.com/content/img/docbuilder/examples/blue_cloud.png",
                    "imageDark": "https://api.onlyoffice.com/content/img/docbuilder/examples/user-profile.png",
                    "url": "https://example.com"
                },
            }
        }
    };
    $(function () {
        const configJsonStr = JSON.stringify(config);
        $.ajax({
            type: "POST",
            url: "/index/jwtencode",
            contentType: "application/json",
            data: JSON.stringify({
                "jsonStr":configJsonStr
            }),
            dataType: "json",
            success: function (data) {
                console.log("成功")
                console.log(data)
                if(data.jwt){
                    config.token = data.jwt;
                    var docEditor = new DocsAPI.DocEditor("placeholder", config);
                }
            },
            error: function (err) {
                console.error(err);
            }
        })

    })
</script>
</body>
</html>

结果

刚开始报错说不能保存,后来排查原因是网络原因需要两个机器能互通,如果部署在线上需要外网能访问

中文文档
文档

相关推荐
yivifu10 小时前
快速解决Excel多行行高过小导致数据无法阅读的问题
excel
lxh011313 小时前
二叉树中的最大路径和
前端·算法·js
shenzhenNBA15 小时前
python用openpyxl操作excel-单元格样式操作
python·excel·openpyxl·单元格样式
艾上编程16 小时前
第二章——数据分析场景之用Python进行CSV/Excel数据清洗:为数据分析筑牢根基
python·数据分析·excel
shenzhenNBA17 小时前
python用openpyxl操作excel-合并格式相同的excel文件
python·excel·openpyxl·excel合并
shenzhenNBA17 小时前
python用openpyxl操作excel-读取sheet中数据
python·excel·读取sheet数据
shenzhenNBA19 小时前
python用openpyxl操作excel-sheet对象操作
python·excel·sheet操作
shenzhenNBA19 小时前
python用openpyxl操作excel-读取或创建excel文件
python·excel·读取excel·创建excel文件
shenzhenNBA19 小时前
python用openpyxl操作excel-单元格操作
python·excel·单元格操作