---
title: "Jodit Constructor"
description: "An introduction to creating a Jodit editor instance with Jodit.make, configuring it, and using its core EventEmitter and Select modules."
metadata:
  - name: keywords
    content: "jodit, jodit.make, constructor, configuration, eventemitter, select module"
---
# Jodit constructor

The Jodit editor consists of modules and plugins. Modules make up the permanent basis of the editor's work,
and plugins can add their own functionality [[plugin]].

The editor is initialized on a DOM element. It must already exist on the page:

```js
Jodit.make('#editor');
```

You can also set a DOM element right away.

```js
const elm = document.querySelector('#editor');
Jodit.make(elm);
```

The [Jodit.make](../classes/jodit.Jodit.html#make) method returns an instance of [Jodit](../classes/jodit.Jodit.html).

```js
const jodit = Jodit.make('#editor');
console.log(jodit.isReady);
```

This is almost equivalent to

```js
const jodit = Jodit.make('#editor');
console.log(jodit.isReady);
```

> But the `make` method is preferable.

All customization of the editor is done through the [Config](../options.html):

```js
Jodit.make('#editor', {
  height: 300
});
```

Jodit instance has a module [EventEmitter](../classes/event_emitter.EventEmitter.html)

```js
const jodit = Jodit.make('#editor');
jodit.events.on('keydown', e => {
  console.log(e.key);
});
```

And the [Select](../classes/plugins_select.select.html) module, which allows you to manipulate the content of the editor through HTML insertion

```js
const jodit = Jodit.make('#editor');
jodit.s.focus();
jodit.s.insertHTML('<p>test</p>');
```


## Classes

- [Jodit](../classes/jodit.Jodit.html)