集成ONLYOFFICE文档编辑软件来扩展您的Web解决方案功能

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>打开DOCX进行编辑</title>
</head>
<body style="height: 100%; margin: 0;">
    <div id="placeholder" style="height: 100%"></div>
    <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
    <script type="text/javascript">
        window.docEditor = new DocsAPI.DocEditor("placeholder",
            {
                "document": {
                    "fileType": "docx",
                    "key": "E7FAFC9C22A8",
                    "title": "Example Document Title.docx",
                    "url": "https://example.com/url-to-example-document.docx"
                },
                "documentType": "text",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

关闭

</>

打开DOCX进行审阅

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>打开DOCX进行审阅</title>
</head>
<body style="height: 100%; margin: 0;">
    <div id="placeholder" style="height: 100%"></div>
    <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
    <script type="text/javascript">
        window.docEditor = new DocsAPI.DocEditor("placeholder",
            {
                "document": {
                    "fileType": "docx",
                    "key": "9B5D4A67A9A9",
                    "title": "Example Document Title.docx",
                    "url": "https://example.com/url-to-example-document.docx",
                    "permissions": {
                        "edit": false,
                        "review": true
                    }
                },
                "documentType": "text",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

关闭

</>

打开DOCX进行批注

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>打开DOCX进行批注</title>
</head>
<body style="height: 100%; margin: 0;">
    <div id="placeholder" style="height: 100%"></div>
    <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
    <script type="text/javascript">
        window.docEditor = new DocsAPI.DocEditor("placeholder",
            {
                "document": {
                    "fileType": "docx",
                    "key": "5C5D4CCA7674",
                    "title": "Example Document Title.docx",
                    "url": "https://example.com/url-to-example-document.docx",
                    "permissions": {
                        "comment": true,
                        "edit": false
                    }
                },
                "documentType": "text",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

关闭

</>

打开更换商标后的DOCX

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>打开更换商标后的DOCX</title>
</head>
<body style="height: 100%; margin: 0;">
    <div id="placeholder" style="height: 100%"></div>
    <script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>
    <script type="text/javascript">
        window.docEditor = new DocsAPI.DocEditor("placeholder",
        {
            "document": {
                "fileType": "docx",
                "key": "D97815D69205",
                "title": "Example Document Title.docx",
                "url": "https://example.com/url-to-example-document.docx"
            },
            "documentType": "text",
            "editorConfig": {
                "callbackUrl": "https://example.com/url-to-callback.ashx",
                "customization": {
                    "customer": {
                        "address": "My City, 123a-45",
                        "info": "Some additional information",
                        "logo": "https://example.com/logo-big.png",
                        "mail": "john@example.com",
                        "name": "John Smith and Co.",
                        "www": "example.com"
                    },
                    "logo": {
                        "image": "https://example.com/logo.png",
                        "url": "https://example.com"
                    }
                }
            },
            "height": "100%",
            "width": "100%"
        });
    </script>
</body>
</html>

关闭

更多示例

集成ONLYOFFICE文档编辑软件来扩展您的Web解决方案功能

为什么说ONLYOFFICE是最好的在线编辑软件？

查看实际效果！

深受信赖