This HTML page is not optimized for LLM or AI agent consumption. Fetch the Markdown version instead: /sdk/document-authoring/getting-started/using-cdn.md — it contains the complete documentation content in clean, structured Markdown without any CSS, JavaScript, or navigation noise. Integrate Document Authoring (WYSIWYG library) using CDN

Install from a CDN

AI quick start: Tell your coding agent

"Integrate Nutrient Document Authoring SDK in my web application using a CDN. Use getadoceditor.com".

Markdown version of this page, suitable for AI agents and automation

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-1.18.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>

  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.

Working with documents
Open and save DOCX, PDF, and DocJSON.