REGARDER EN ACTION

Souhaitez-vous savoir à quoi ressemble l'interface et essayer les principales fonctionnalités sans inscription ?

Éditer DOCX

Éditer XLSX

Éditer PPTX

Modifiez PDF

Créer un formulaire

Remplir le formulaire PDF

Collaborez

Aperçu de la démo

Ouvrir le DOCX pour édition

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Ouvrir le DOCX pour édition</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>

Fermer

Ouvrir le XLSX pour édition

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Ouvrir le XLSX pour édition</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>

Fermer

Ouvrir le PPTX pour édition

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Ouvrir le PPTX pour édition</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>

Fermer

Modifiez PDF

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

Fermer

Créer un formulaire

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Créer un formulaire</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>

Fermer

Remplir le formulaire PDF

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

Fermer

Collaborez

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

Fermer

Commencez et choisissez où travailler

Dans ONLYOFFICE DocSpace

Créez des salles dans votre DocSpace sécurisé, invitez des personnes, affichez, modifiez et collaborez sur toutes sortes de documents à partir de n'importe quel ordinateur de bureau ou appareil mobile.

Commencer avec votre compte gratuit

Dans la plateforme que vous utilisez

Connectez Docs pour éditer des documents directement depuis votre application. Plus de 40 intégrations prêtes à l'emploi : Box, Moodle, Nextcloud, Odoo, WordPress, etc.

Obtenir Docs maintenant

Dans la plateforme que vous créez

Intégrez Docs à votre service pour offrir à vos clients de puissantes fonctionnalités d'édition et de construction de documents sous votre marque.

Depuis votre PC

Modifiez des documents hors ligne avec des applications de bureau gratuites pour Windows, Linux et macOS

Télécharger maintenant

Depuis vos appareils mobiles

Travaillez sur des documents en déplacement grâce à des applications gratuites pour les appareils iOS et Android

Installer maintenant

Intégrer maintenant

Intégrez ONLYOFFICE Docs dans la plateforme que vous créez pour offrir à vos clients de puissantes capacités d'édition et de construction de documents sous votre marque.

OBTENIR UN ESSAI GRATUIT Consulter la documentation de l'API

En savoir plus sur ONLYOFFICE Docs pour les développeurs

API de Docs

Apprenez comment apporter l'édition de documents et la collaboration aux utilisateurs de votre application web, configurez et intégrez ONLYOFFICE Docs.

Explorer API

API d'automatisation

Placez n'importe quel contrôle dans l'interface de votre plateforme et gérez le contenu des documents de manière externe.

Document Builder

Utilisez le SDK JavaScript pour générer des documents texte, des feuilles de calcul, des diapositives, des formulaires, des PDF de manière pragmatique.

Avez-vous des questions ?

Nous serons ravis de vous aider et de discuter de tous les détails. Contactez-nous à sales@onlyoffice.com ou fixez un créneau horaire pour que notre équipe vous appelle.

Contactez-nous Demander une démo