Veja-o em ação!

Quer saber como é a interface e experimentar as principais funcionalidades?

Editar DOCX

Editar XLSX

Editar PPTX

Editar PDF

Criar formulário

Preencha o formulário PDF

Colaborar

Pré-visualização da demo

Abrir DOCX para editar

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Abrir DOCX para editar</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>

Fechar

Abrir XLSX para editar

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Abrir XLSX para editar</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>

Fechar

Abrir PPTX para editar

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Abrir PPTX para editar</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>

Fechar

Editar PDF

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Editar 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>

Fechar

Criar formulário

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Criar formulário</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>

Fechar

Preencha o formulário PDF

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Preencha o formulário 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>

Fechar

Colaborar

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

Fechar

Comece e escolha onde trabalhar

No ONLYOFFICE DocSpace

Crie salas em seu DocSpace seguro, convide pessoas, visualize, edite e colabore em todos os tipos de documentos a partir de qualquer desktop ou dispositivo móvel.

Comece com sua conta gratuita

Na plataforma que você usa

Conecte o Docs para editar documentos diretamente do seu aplicativo. Mais de 40 integrações prontas: Box, Moodle, Nextcloud, Odoo, Wordpress, etc.

Obtenha o Docs agora

Na plataforma que você constrói

Integre o Docs ao seu serviço para fornecer ferramentas avançadas de edição de documentos e criar recursos para seus clientes com sua marca.

Saiba mais

Do seu PC

Edite documentos off-line com aplicativos de escritório gratuitos para Windows, Linux e macOS

Baixe agora

Dos seus dispositivos móveis

Trabalhe em documentos em qualquer lugar com aplicativos gratuitos para dispositivos iOS e Android

Instalar agora

Integrar agora

Integre o ONLYOFFICE Docs à plataforma que você criou para fornecer recursos poderosos de edição e criação de documentos aos seus clientes sob sua marca.

OBTENHA UM TESTE GRATUITO Leia a documentação da API

Saiba mais sobre o ONLYOFFICE Docs para desenvolvedores

API Docs

Aprenda como levar a edição de documentos e a coautoria aos usuários do seu aplicativo da web, configurar e integrar o ONLYOFFICE Docs.

Explorar API

Automation API

API de automação Coloque quaisquer controles dentro da interface da sua plataforma e manipule o conteúdo do documento externamente.

Saiba mais

Document Builder

Use JavaScript SDK para gerar documentos, planilhas, slides, formulários, PDFs pragmaticamente.

Saiba mais

Tem alguma pergunta?

Teremos prazer em consultá-lo e discutir todos os detalhes. Entre em contato conosco em sales@onlyoffice.com ou agendar um horário para que nossa equipe ligue para você.

Fale conosco Solicitar demonstração