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>

结果

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

中文文档
文档

相关推荐
lied16636348061 小时前
List导出到Excel文件
servlet·list·excel
ZhengEnCi7 小时前
Excel 文件结构完全指南-从基础概念到 Python 读取的实用宝典
python·excel
Ya-Jun8 小时前
快应用TypeError: The ‘compilation‘ argument must be an instance of Compilation错误
node.js·ux·js
核桃杏仁粉9 小时前
excel拼接数据库
数据库·oracle·excel
cx330上的猫9 小时前
价值1w的数据分析课知识点汇总-excel使用(第一篇)
数据挖掘·数据分析·excel
小薛引路13 小时前
office便捷办公06:根据相似度去掉excel中的重复行
windows·python·excel
CodeLongBear16 小时前
苍穹外卖 Day12 实战总结:Apache POI 实现 Excel 报表导出全流程解析
java·excel
技术钱1 天前
vue3 封装图片上传预览组件支持docx、excel、pdf、图片、txt格式
vue.js·pdf·excel
r i c k1 天前
Excel表----VLOOKUP函数实现两表的姓名、身份证号码、银行卡号核对
excel
歪歪1001 天前
在哪些场景下适合使用 v-model 机制?
服务器·前端·javascript·servlet·前端框架·js