---
title: "Integrate Document Authoring (WYSIWYG library) using other setups"
canonical_url: "https://www.nutrient.io/sdk/document-authoring/getting-started/using-other-setups/"
md_url: "https://www.nutrient.io/sdk/document-authoring/getting-started/using-other-setups.md"
last_updated: "2026-06-09T10:25:14.600Z"
description: "Integrate Document Authoring — what you see is what you get (WYSIWYG) TypeScript library — into your web application using other setups for in-browser visual editing without external word processing software."
---

If you’re not using a bundler such as Vite, webpack, or Rollup, you can include the Document Authoring library by copying the main entry point file into your project, by serving your `node_modules` directory, or by using [import maps](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap) to define module imports. This guide will cover the first option as an example.

If you’re looking to self-host all assets, refer to our [self-hosting assets](https://www.nutrient.io/guides/document-authoring/self-hosting-assets.md) guide.

You can also load everything directly from the content delivery network (CDN) [with a single script tag](https://www.nutrient.io/sdk/document-authoring/getting-started/using-cdn.md).

## Type definitions and module systems

We provide type definitions and support for CommonJS, ESM, AMD, and a global `DocAuth` object from the same package. These should be resolved automatically from our `package.json` file.

## Requirements

- The [latest stable version of Node.js](https://nodejs.org/en/download/package-manager).

- A package manager compatible with [npm](https://docs.npmjs.com/about-npm). This guide contains examples for [Yarn](https://yarnpkg.com/), [pnpm](https://pnpm.io/), the [npm CLI](https://docs.npmjs.com/cli/commands/npm), and [Bun](https://bun.sh/). The npm CLI is installed with Node.js by default.

## Adding to your project

```bash

npm install @nutrient-sdk/document-authoring

# or

yarn add @nutrient-sdk/document-authoring

# or

pnpm install @nutrient-sdk/document-authoring

```

## Integrating into your project

1. Copy `docauth.es.js` from `node_modules/@nutrient-sdk/document-authoring/lib/` to your public directory (e.g. `public/js/`).

2. Import the library:

   ```js

   const DocAuth = await import('/lib/docauth.es.js');

   const docAuthSystem = await DocAuth.createDocAuthSystem()

   const editor = await docAuthSystem.createEditor(document.getElementById('editor'),{
     document: await docAuthSystem.createDocumentFromPlaintext('Hi there!'),
   })
   ```
---

## Related pages

- [Integrate Document Authoring (WYSIWYG library) using CDN](/sdk/document-authoring/getting-started/using-cdn.md)
- [Getting started with Document Authoring](/sdk/document-authoring/getting-started.md)
- [or](/sdk/document-authoring/getting-started/using-npm.md)
- [or](/sdk/document-authoring/getting-started/using-vite.md)