---
title: Usage
description: Initialize and configure Jodit PRO editor in your project.
keywords: jodit usage, configuration, setup, getting started
---

# Usage

Next, you can initialize the editor in your code.

## Vanila JS version

```js
import { Jodit } from 'jodit-pro';

const editor = Jodit.make('#editor', {
	license: '%LICENSE_KEY%'
});
```

Or specify inside `config.js` file

```js
// config.js

Jodit.defaultOptions.license = '%LICENSE_KEY%';
```

## React

```jsx
import JoditEditor from 'jodit-pro-react';

const defaultConfig = {
	license: '%LICENSE_KEY%'
};

export const editor = () => {
	return <JoditEditor config={defaultConfig} />;
};
```

More details can be found in [documentation in the component](https://www.npmjs.com/package/jodit-pro-react)