Install from a CDN

Load Document Authoring from a content delivery network (CDN) with a single script tag — no build step.

1. Create an index.html file and paste the following code in it:

   <!DOCTYPE html>
   <html lang="en">
     <head>
       <meta charset="UTF-8">
       <title>My app</title>
       <style>
         body {
           margin: 0;
         }
         .my-editor {
           position: relative;
           width: 100%;
           height: 100vh;
         }
       </style>
     </head>
     <body>
       <div id="editor" class="my-editor"></div>
       <script src="https://document-authoring.cdn.nutrient.io/releases/document-authoring-2.0.0-umd.js"></script>
       <script>
         (async () => {
           const system = await DocAuth.createDocAuthSystem();
   
           const editor = await system.createEditor(document.getElementById('editor'), {
             document: await system.createDocumentFromPlaintext('Hello, world!'),
           });
         })();
       </script>
     </body>
   </html>

   For licensed deployments, pass your license key as the licenseKey property when you call createDocAuthSystem(). The key is optional for evaluation builds.

2. Open the file in your browser, and you’ll see the default setup of the Document Authoring editor.

Next steps

How Document Authoring works
The system, editor, and document model.

Document data and formats
Open and save DOCX, PDF, and DocJSON.