In order to create an online office session within your application, a host must create an HTML page that will host an iframe element within it pointing to a particular WOPI action URL.
The host page must contain the following elements:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width" /> <title>ONLYOFFICE Document Editors</title> <link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <style type="text/css"> body { margin: 0; padding: 0; overflow: hidden; -ms-content-zooming: none; } #office_frame { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; border: none; display: block; } </style> </head> <body> <form id="office_form" name="office_form" target="office_frame" action="<%= actionUrl %>" method="post"> <input name="access_token" value="<%= token %>" type="hidden" /> <input name="access_token_ttl" value="<%= tokenTtl %>" type="hidden" /> </form> <span id="frameholder"></span> <script type="text/javascript"> var frameholder = document.getElementById('frameholder'); var office_frame = document.createElement('iframe'); office_frame.name = 'office_frame'; office_frame.id = 'office_frame'; office_frame.title = 'Office Frame'; office_frame.setAttribute('allowfullscreen', 'true'); office_frame.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation allow-popups-to-escape-sandbox allow-downloads allow-modals'); office_frame.setAttribute('allow', 'autoplay camera microphone display-capture'); frameholder.appendChild(office_frame); document.getElementById('office_form').submit(); </script> </body> </html>
Name | Description | Type |
access_token | An access token that the host will use to determine the identity and permissions of the issuer of a WOPI request. | string |
access_token_ttl | The time when an access token expires, represented as the number of milliseconds since January 1, 1970 UTC. It is recommended to set this parameter to 10 hours. | integer |
Further information about building a host page can be found here.