Sehen Sie es in Aktion!

Möchten Sie wissen, wie die Benutzeroberfläche aussieht, und die Hauptfunktionen ausprobieren?

DOCX bearbeiten

XLSX bearbeiten

PPTX bearbeiten

PDF anzeigen

Formular erstellen

Zusammenarbeiten

Demo-Vorschau

Öffnen Sie DOCX zur Bearbeitung

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Öffnen Sie DOCX zur Bearbeitung</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>

Schließen

Öffnen Sie XLSX zur Bearbeitung

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Öffnen Sie XLSX zur Bearbeitung</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": "spreadsheet",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Schließen

Öffnen Sie PPTX zur Bearbeitung

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>Öffnen Sie PPTX zur Bearbeitung</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": "presentation",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Schließen

PDF anzeigen

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>PDF anzeigen</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": "word",
                "editorConfig": {
                    "mode": "view"
                },
                "height": "100%",
                "width": "100%"
            });
    </script>
</body>
</html>

Schließen

OFORM erstellen

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>OFORM erstellen</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": "oform",
                    "key": "9B5D4A67A9A9",
                    "title": "Example Form Title.oform",
                    "url": "https://example.com/url-to-example-document.oform",
                    "permissions": {
                        "edit": false,
                        "fillForms": true
                    }
                },
                "documentType": "word",
                "editorConfig": {
                    "callbackUrl": "https://example.com/url-to-callback.ashx",
                    "mode": "edit"
                },
                "height": "100%",
                "width": "100%"
            });

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

Schließen

Zusammenarbeiten

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

Schließen

Finden Sie die passende Lösung für sich

Für Privatanwender

Erstellen Sie Ihr kostenloses Cloud-Office mit ONLYOFFICE Personal, um alle Arten von Dokumenten von jedem Desktop oder mobilen Gerät aus zu öffnen und zu bearbeiten, individuell oder gemeinsam.

Weitere Informationen

Für Unternehmen

Verbinden Sie ONLYOFFICE Docs mit der Plattform Ihrer Wahl mithilfe zahlreicher fertiger Konnektoren: Moodle, Nextcloud, Alfresco, WordPress und andere.

Weitere Informationen

Für Entwickler

Integrieren Sie ONLYOFFICE Docs bei Ihrem Dienst, um den Kunden unter Ihrer Marke leistungsstarke Funktionen für die Bearbeitung und Erstellung von Dokumenten anzubieten.

Weitere Informationen

Erhalten Sie kostenlose Desktop- und Mobile-Apps

Für Windows Für Linux Für Mac OS