---
title: Mini Editor
description: A compact Jodit with a minimal toolbar that collapses extra buttons into a "More" dropdown.
keywords: mini editor, compact toolbar, minimal buttons, more dropdown, small editor
---

# Mini Editor

A compact editor for tight layouts (comments, chat, sidebars). Keep a short list of
essential [buttons](/jodit/docs/classes/config.Config.html#buttons), shrink the icons
with [toolbarButtonSize](/jodit/docs/classes/config.Config.html#toolbarbuttonsize)
`'small'`, and let the adaptive toolbar move whatever does not fit into the **More**
dropdown by keeping
[toolbarAdaptive](/jodit/docs/classes/config.Config.html#toolbaradaptive) enabled.

To drop the status bar entirely, disable the plugins that fill it: `xpath` (the
element path), `stat` (the chars/words counter) and `powered-by-jodit` (the branding).
A smaller [minHeight](/jodit/docs/classes/config.Config.html#minheight) keeps the
editing area short.

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>
```

Init Jodit

```javascript
var editor = Jodit.make('#editor', {
	width: 450,
	minHeight: 100,
	toolbarButtonSize: 'small',
	toolbarAdaptive: true,
	disablePlugins: ['xpath', 'stat', 'poweredByJodit', 'addNewLine'],
	buttons: [
		'bold',
		'italic',
		'underline',
		'|',
		'fontsize',
		'font',
		'|',
		'brush',
		'eraser',
		'|',
		'image',
		'|',
		'link',
		'|',
		'align'
	]
});
```

## Result

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

<script>
	const editor = Jodit.make('#editor', {
		width: 430,
		minHeight: 100,
		toolbarButtonSize: 'small',
		toolbarAdaptive: true,
		disablePlugins: ['xpath', 'stat', 'poweredByJodit', 'addNewLine'],
		buttons: [
			'bold',
			'italic',
			'underline',
			'|',
			'fontsize',
			'font',
			'|',
			'brush',
			'eraser',
			'|',
			'image',
			'|',
			'link',
			'|',
			'align'
		]
	});
</script>
<!-- Example End -->
```