---
title: Fixed Height
description: Set a fixed height for Jodit editor in pixels or percentage.
keywords: fixed height, editor height, resize
---

# Fixed height

You can set Jodit height in pixels or percents. It automatically will add resize handle.

![clip2net_170830115445](https://user-images.githubusercontent.com/794318/29859121-0fd6c04a-8d7a-11e7-8a6f-cc7f2c07d318.gif)

Include Jodit

```html
<link rel="stylesheet" href="build/jodit.min.css" />
<script src="build/jodit.min.js"></script>
```

Create input element

```html
<textarea id="editor"></textarea>
```

Create Jodit instance

```javascript
var editor = new Jodit('#editor', {
	height: 200
});
editor.setEditorValue('<p>test</p>'.repeat(50));
```

## Result

```html
<!-- Example Start -->
<textarea id="editor">Some text</textarea>

<script>
	var editor = new Jodit('#editor', {
		height: 200,
		minHeight: 200
	});
	editor.setEditorValue('<p>test</p>'.repeat(50));
</script>
<!-- Example End -->
```

If you want to disable horizontal or vertical resizing use `allowResizeX` or `allowResizeY` options

Remove the size change trigger

```javascript
const editor = Jodit.make('#editor', {
	height: 200,
	allowResizeX: false,
	allowResizeY: false
});
editor.value = '<p>test</p>'.repeat(50);
```

## Result

```html
<!-- Example Start -->
<textarea id="editor2">Some text</textarea>

<script>
	const editor = Jodit.make('#editor2', {
		height: 200,
		allowResizeX: false,
		allowResizeY: false
	});
	editor.value = '<p>test</p>'.repeat(50);
</script>
<!-- Example End -->
```