¡Verlo en acción!

¿Quieres saber cómo es la interfaz y probar las principales funciones sin registrarte?

Editar DOCX

Editar XLSX

Editar PPTX

Edita archivos PDF

Crear formulario

Rellena el formulario PDF

Colaborar

Demostración previa

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>

Cerrar

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>

Cerrar

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>

Cerrar

Edita archivos PDF

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

Cerrar

Crear formulario

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

Cerrar

Rellena el formulario PDF

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

Cerrar

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>

Cerrar

Empieza y elige dónde trabajar

En ONLYOFFICE DocSpace

Crea salas dentro de tu DocSpace seguro, invita a gente, visualiza, edita y colabora en todo tipo de documentos desde cualquier escritorio o dispositivo móvil.

Empieza con tu cuenta gratis

En la plataforma que utilizas

Conecta Docs para editar documentos directamente desde tu aplicación. Más de 40 integraciones listas: Box, Moodle, Nextcloud, Odoo, Wordpress, etc.

Obtén Docs ahora

En la plataforma que desarrolles tú

Integra Docs en tu servicio para ofrecer a tus clientes potentes funciones de edición y creación de documentos bajo tu marca.

Más información

Desde tu PC

Edita documentos sin conexión con las aplicaciones ofimáticas gratuitas para Windows, Linux y macOS

Descargar ahora

Desde tus dispositivos móviles

Trabaja en documentos sobre la marcha con las aplicaciones gratuitas para dispositivos iOS y Android

Instalar ahora

Integrar ahora

Integra ONLYOFFICE Docs en la plataforma que desarrollas para ofrecer potentes funciones de edición y creación de documentos a tus clientes bajo tu marca.

OBTENER PRUEBA GRATUITA Leer la documentación de la API

Más información sobre ONLYOFFICE Docs para desarrolladores

API de Docs

Descubre cómo proporcionar edición de documentos y coautoría a los usuarios de tu aplicación web, instalar, configurar e integrar ONLYOFFICE Docs.

Explorar la API

API de automatización

Coloca cualquier control dentro de la interfaz de tu plataforma y manipula el contenido de los documentos de manera externa.

Más información

Document Builder

Utiliza el SDK de JavaScript para generar documentos, hojas, diapositivas, formularios y archivos PDF de manera pragmática.

Más información

¿Tienes alguna duda?

Estaremos encantados de ayudarte y discutir todos los detalles. Ponte en contacto con nosotros a través de sales@onlyoffice.com o elige una hora para que nuestro equipo te llame.

Contáctanos Solicitar demostración