Integrate ONLYOFFICE Docs to bring document editing to your app users

Maximum compatibility with MS Office formats

GET IT NOW Request a demo

Online document editors

ONLYOFFICE Docs Developer Edition was designed to deliver collaborative documents, spreadsheets, and presentation editing to web apps written in any language.

SaaS or on-premise

You can integrate ONLYOFFICE Docs with any web solution no matter what deployment model you use: cloud or on-premises.

White label

Provide an on-brand experience to your users: add your app logo, customize the editor interface, choose to show or hide additional buttons.

Scalability and clustering

ONLYOFFICE Docs can be scaled for any number of users, even if you have thousands.

Trusted by

ONLYOFFICE Docs benefits

Full format compatibility

OOXML (docx, xlsx, pptx) and OpenDocument + other popular formats

Full list

Supported programming languages

Can be integrated in apps written in any language: .Net (C#), Node.JS, Java, PHP, Ruby, etc

Code samples

Pro editing functionality

Tools to create professional documents, spreadsheets, presentations, and ready-to-fill-out forms

Live demo

Easy deployment

Choose your installation option: Docker, deb, rpm, exe.

Deploy now

Many collaborative features

Online co-editing, reviewing, commenting, chat, and version history

Learn more

Detailed integration API

Every little detail you need to integrate ONLYOFFICE Docs into your app

Check now

Macros and plugins

Add missing functionalities or ask our developers to do so

Watch how it works

Highest security

Host on your machines. Configure cache lifetime, enable JWT protection from unauthorized access.

Learn more

Cross-browser compatibility

True WYSIWYG + 100% view, print, and pagination fidelity in all browsers

Compare to other suites

Professional support

Get fast and professional assistance on all technical issues

Customization

Dark, Light, and custom themes. 100%, 125%, 150%, 200% scaling supported.

WOPI support

Easy integration via Web Application Open Platform Interface (WOPI) protocol.

Compare integration via WOPI and API

Document Builder included

Generate/modify office files from your app without actually running the editors.

Docx, xlsx, pptx, and pdf file generation.
Lightweight tool and easy integration with your service.
All programming languages supported. Ready examples for .NET, PHP, Node.js, Ruby.

Check API Learn more

We chose ONLYOFFICE Docs because of their high compatibility with MS Office formats. We are happy to announce, as the integration is completed, work with PowerFolder is now more comfortable.

Christian Sprajc

CEO of PowerFolder

See it in action!

Curious to know what the interface looks like and try the main functionality?

Edit DOCX

Review DOCX

Comment DOCX

Change editor logo DOCX

Create OFORM

Demo preview

</>

Open DOCX for editing

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Open DOCX for editing</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>

</>

Open DOCX for review

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Open DOCX for review</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>

</>

Open DOCX for commenting

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Open DOCX for commenting</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>

</>

Open DOCX with rebranding

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Open DOCX with rebranding</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>

</>

Create OFORM

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Create OFORM</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": "oform",
                    "key": "9B5D4A67A9A9",
                    "title": "Example Form Title.oform",
                    "url": "https://example.com/url-to-example-document.oform",
                    "permissions": {
                        "edit": false,
                        "fillForms": true
                    }
                },
                "documentType": "word",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });

    </script>
</body>
</html>

More examples

This integration of ONLYOFFICE Docs into the NetExplorer platform makes collaboration safer and easier: we enable our users to co-edit documents online while ensuring ultimate security and data sovereignty.

Bertrand Servary

General Manager at NetExplorer

Read use case