JavaScript Editor

Set the height property of the jqxEditor. Author: http://jqwidgets.com

by mark edwards

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

<table>
<tr>
<td>
<div style='border: 2px solid; width: 400px'>
blank area
</div>
</td>
<td>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style='border: 3px dotted black; margin-left: 200px; height: 50px; width:500px;' contenteditable=true id="editor"><a href='https://jqwidgets.com'>jqWidgets Link</a><br />
Please click the jsFiddle linke</div>
</td>
</tr>
</table>

JavaScript

$('#editor').jqxEditor({
    height: 400,
    width: 800,
    theme: 'energyblue'
});