Online editors to develop your web solution

Integrate ONLYOFFICE Document Editors to extend your web solution functionality

100% compatible with Microsoft Office formats

Submit Request Get started

We choose ONLYOFFICE Editors due to their high compatibility with MS Office formats. Now we are happy to announce that, as the integration is completed, work with PowerFolder has become more comfortable.

Christian Sprajc

CEO of PowerFolder

What is this?

ONLYOFFICE offers the most feature-rich office suite available, highly compatible with Microsoft Office and OpenDocument file formats. View, edit and collaboratively work with documents, spreadsheets and presentations directly from your web application. View live demo

Dual license model

ONLYOFFICE comes with a dual-license model. This means that as long as you respect the GNU AGPL v.3 license, you can use the ONLYOFFICE open source solution available on GitHub. To guard your intellectual property, take advantage of the White Label option and receive professional support, a commercial license is required. Choose the license type

SaaS and On-Premises

You can integrate ONLYOFFICE Document Editors with any web solution no matter what deployment model you use: cloud or on-premises. Read how to deploy it

White Label

Use ONLYOFFICE Document Editors under your corporate brand, i.e. customize the editor interface, change the presence or absence of the additional buttons, links, change logos and editor owner details. See it in action

What makes ONLYOFFICE the best online editors?

Unique technology

First online editors developed in HTML5 with the use of Canvas element that ensures 100% view, conversion, print and pagination fidelity.

Compare to other online editors

Supported programming languages

ONLYOFFICE Document Editors can be integrated in an application written in any programming languages: .Net (C#), Node.JS, Java, PHP, Ruby, etc.

Code samples

Abundance of editing features

Adding links, tables and charts, inserting pictures, autoshapes, formulas or text objects, creating a bulleted or numbered list, etc.

Live demo

Broad collaborating capabilities

Online co-editing, reviewing and tracking changes, commenting and integrated chat, version control, mail merge.

Learn more

Third party add-ons

Extend ONLYOFFICE online editor functionality creating your own add-ons or using the integrated ones.

Watch how it works

Support of popular formats

Work with all popular file formats: DOC, DOCX, ODT, RTF, TXT, PDF, HTML, EPUB, XPS, DjVu, XLS, XLSX, ODS, CSV, PPT, PPTX, ODP.

See a full list of supported file formats

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

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>

More examples