Как это работает?

Хотите узнать, как выглядит интерфейс, и протестировать основные функциональные возможности без регистрации?

Редактировать DOCX

Редактировать XLSX

Редактировать PPTX

Редактировать PDF

Создать форму

Заполнить PDF-форму

Работать совместно

Демонстрационный просмотр

Открыть файл 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": "E7FAFC9C22A8",
                    "title": "Example Document Title.docx",
                    "url": "https://example.com/url-to-example-document.docx"
                },
                "documentType": "word",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Закрыть

Открыть файл XLSX в режиме редактирования

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Открыть файл XLSX в режиме редактирования</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": "xlsx",
                    "key": "E7FAFC9C22A8",
                    "title": "Example Spreadsheet Title.xlsx",
                    "url": "https://example.com/url-to-example-spreadsheet.xlsx"
                },
                "documentType": "cell",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Закрыть

Открыть файл PPTX в режиме редактирования

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Открыть файл PPTX в режиме редактирования</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": "pptx",
                    "key": "E7FAFC9C22A8",
                    "title": "Example Title.pptx",
                    "url": "https://example.com/url-to-example-presentation.pptx"
                },
                "documentType": "slide",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Закрыть

Редактировать PDF

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Редактировать PDF</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": "pdf",
                    "key": "9B9F6EFE8937",
                    "title": "Example Document Title.pdf",
                    "url": "https://example.com/url-to-example-document.pdf"
                },
                "documentType": "pdf",
                "editorConfig": {
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Закрыть

Создать форму

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Создать форму</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": "pdf",
                    "key": "E7FAFC9C22A8",
                    "title": "Example Form Template Title.pdf",
                    "url": "https://example.com/url-to-example-document.pdf"
                },
                "documentType": "pdf",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Закрыть

Заполнить PDF-форму

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Заполнить PDF-форму</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": "pdf",
                    "key": "9B5D4A67A9A9",
                    "title": "Example Form Title.pdf",
                    "url": "https://example.com/url-to-example-document.pdf",
                    "permissions": {
                        "edit": false,
                        "fillForms": true
                    }
                },
                "documentType": "pdf",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });

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

Закрыть

Работать совместно

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Работать совместно</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": "B143195F47A0",
                    "title": "Example Document Title.docx",
                    "url": "https://example.com/url-to-example-document.docx"
                },
                "documentType": "word",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "user": {
                        "id": "78e1e841",
                        "name": "John Smith"
                    }
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

    <!DOCTYPE html>
    <html style="height: 100%;">
    <head>
        <title>Работать совместно</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": "B143195F47A0",
                        "title": "Example Document Title.docx",
                        "url": "https://example.com/url-to-example-document.docx"
                    },
                    "documentType": "word",
                    "editorConfig": {
                        "callbackUrl": "https://example.com/url-to-callback.ashx",
                        "user": {
                            "id": "F89d8069ba2b",
                            "name": "Kate Cage"
                        }
                    },
                    "height": "100%",
                    "width": "100%"
                });
        </script>
    </body>
    </html>

Закрыть

Начните и выберите, где работать

В ONLYOFFICE DocSpace

Создавайте комнаты в безопасном DocSpace, приглашайте людей, просматривайте, редактируйте документы любого типа и работайте над ними совместно с любого компьютера или мобильного устройства.

Начните работу в бесплатном аккаунте

На вашей платформе

Подключите Docs, чтобы редактировать документы прямо в приложении. Более 40 готовых интеграций: Box, Moodle, Nextcloud, Odoo, Wordpress и другие.

Получите Docs сейчас!

На платформе, которую вы создаете

Интегрируйте Docs в ваш сервис, чтобы предоставить клиентам широкие возможности редактирования и создания документов под вашим брендом.

Подробнее

С вашего ПК

Редактируйте документы офлайн с помощью бесплатных офисных приложений для Windows, Linux и macOS

Скачать сейчас

С ваших мобильных устройств

Работайте над документами, где бы вы ни находились, с помощью бесплатных приложений для устройств iOS и Android

Установить сейчас

Интегрировать прямо сейчас

Интегрируйте ONLYOFFICE Docs в платформу, которую вы создаете, чтобы предоставить клиентам широкие возможности редактирования и создания документов под вашим брендом.

ПОЛУЧИТЬ БЕСПЛАТНУЮ ПРОБНУЮ ВЕРСИЮ Ознакомиться с документацией API

Узнать больше об ONLYOFFICE Docs для разработчиков

API Docs

Узнайте, как предоставить пользователям вашего веб-приложения возможность редактирования документов и совместной работы над ними, а также как установить, настроить и интегрировать ONLYOFFICE Docs.

Изучите API

API автоматизации

Размещайте элементы управления в интерфейсе вашей платформы и управляйте содержимым документов извне.

Подробнее

Document Builder

Используйте JavaScript SDK для оптимизации создания текстовых документов, электронных таблиц, презентаций, форм, PDF-файлов.

Подробнее

Возникли вопросы?

Мы будем рады предоставить консультацию и обсудить все детали. Свяжитесь с нами по адресу: sales@onlyoffice.com или назначьте время, чтобы наш специалист позвонил вам.

Свяжитесь с нами Запросить демонстрацию