You can set Jodit height in pixels or percents. It automatically will add resize handle.
Include Jodit
Copy<link rel="stylesheet" href="build/jodit.min.css" /> <script src="build/jodit.min.js"></script>
Create input element
Copy<textarea id="editor"></textarea>
Create Jodit instance
Copyvar editor = new Jodit('#editor', { height: 200 }); editor.setEditorValue('<p>test</p>'.repeat(50));
Copy<!-- 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
Copyconst editor = Jodit.make('#editor', { height: 200, allowResizeX: false, allowResizeY: false }); editor.value = '<p>test</p>'.repeat(50);
Copy<!-- 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 -->