> For the complete documentation index, see [llms.txt](https://docs.wproofreader.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wproofreader.com/v6.10.0.0/integrations/javascript-frameworks.md).

# JavaScript frameworks

If your web app is written using Angular, React, Vue.js or any other popular framework, you do not need to do anything special to integrate the WProofreader spelling/grammar checking component. 

You don't need to worry about importing, building, bundling or instantiating a WProofreader object as you might get used to doing with other components. WProofreader is written in pure JavaScript and it has all the required mechanisms for auto-detecting the editable fields on the page and auto-initializing itself there.

Here are some additional notes that might help you with the further configuration.

1\.  Find the main HTML page that is served when someone visits your website or app.

For example:

* For Angular with Angular CLI, it is **src/index.html**
* For React and create-react-app, it is **public/index.html**
* For Vue and Vue CLI, it is **public/index.html**

2\. Add WProofreader **configuration** and **wscbundle.js** scripts inside the body tag. It is recommended to have it at the very end of the body before the closing tag `</body>`.

For details, refer to our standard initialization flow described in [Initialization options](/v6.10.0.0/integrations/initialization/initialization-options.md).

### Using NPM

For integration of WProofreader you can alternatively utilizing our [NPM package](https://www.npmjs.com/package/@webspellchecker/wproofreader-sdk-js). Simply follow the installation instructions, and proceed to initialize WProofreader within your editor.

Opting for our NPM package grants you access to the full range of functionalities available in a standard installation. Upon invoking any method from the bundle, it will initiate a download, subsequently making `window.WEBSPELLCHECKER` accessible for your use.

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.wproofreader.com/v6.10.0.0/integrations/javascript-frameworks.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.