Editores online para desenvolver sua solução web

Integre o ONLYOFFICE Document Editors para estender as suas funcionalidades da solução Web.

100% compatível com os formatos do Microsoft Office

Os editores online nº 1 do mundo Saiba porquê

Nós escolhemos o ONLYOFFICE Editors devido à sua alta compatibilidade com os formatos do MS Office. Agora estamos felizes por anunciar que, assim que a integração estiver concluída, o trabalho com o Powerfolder se tornou mais confortável.

Christian Sprajc

CEO da PowerFolder

O que é isso?

Conjunto de ferramentas de processamento de documento, planilha e apresentação baseado na Web, o ONLYOFFICE oferece o pacote de office mais completo, altamente compatível com os formatos de arquivo do Microsoft Office e OpenDocument. Ver, editar e trabalhar colaborativamente com documentos, planilhas e apresentações diretamente em seu aplicativo Web. Ver demo ao vivo

Modelo de licença dupla

O ONLYOFFICE vem com um modelo de licença dupla. Isso significa que enquanto você respeitar a licença GNU AGPL v.3, você pode usar a solução de código aberto do ONLYOFFICE disponível no GitHub. Para proteger sua propriedade intelectual, aproveitar a vantagem da opção White Label e receber suporte profissional, uma licença comercial é necessária. Escolha o tipo de licença

SaaS e No Local

Você pode integrar o ONLYOFFICE Document Editors em qualquer solução Web independentemente do modelo de implantação que você usa: nuvem ou no local. Leia sobre como implantá-lo

White Label

Use o ONLYOFFICE Document Editors com sua marca empresarial, ou seja, personalize a interface do editor, mude a presença ou falta de botões adicionais, links, altere logotipos e as informações de propriedade do editor. Veja-o em ação

O que torna o ONLYOFFICE o melhor editor online?

Tecnologia única

Primeiros editores online desenvolvidos em HTML5 com o uso do elemento Canvas, que garante visualização 100%, conversão, impressão e fidelidade de paginação.

Comparar com outros editores online

Linguagens de programação suportadas

O ONLYOFFICE Document Editors pode ser integrado em um aplicativo escrito em qualquer linguagem de programação: .Net (C#), Node.JS, Java, PHP, Ruby, etc.

Amostras de código

Muitos recursos de edição

Adicionar links, tabelas e gráficos, inserir imagens, formas automáticas, fórmulas e objetos de texto, criar uma lista com marcadores ou números, etc.

Demo ao vivo

Ampla capacidade de colaboração

Coedição online, revisão e rastreamento de alterações, comentário e chat integrado, controle de versão, mala direta.

Mais informações

Complementos de terceiros

Estenda a funcionalidade do editor online do ONLYOFFICE criando os seus próprios complementos ou usando os integrados.

Veja como ele funciona

Suporta formatos populares

Funciona com todos os formatos de arquivo populares: DOC, DOCX, ODT, RTF, TXT, PDF, HTML, EPUB, XPS, DjVu, XLS, XLSX, ODS, CSV, PPT, PPTX, ODP.

Veja uma lista completa dos formatos de arquivo suportados

Veja-o em ação!

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

Editar DOCX

Rever DOCX

Comentar DOCX

Mudar o logo do editor DOCX

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": "text",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Fechar

</>

Abrir DOCX para rever

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

Fechar

</>

Abrir DOCX para comentar

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

Fechar

</>

Abrir DOCX com rebranding

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

Fechar

Mais exemplos