JavaScript Editor

Set the disabled 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>
<br />
<br />
<br />
<br />
<div style='border: 5px; height: 30px; overflow: scroll;' contenteditable='true' id="editor1">one - enter several lines here to bleed to the next scrollable area</div>
<div style='border: 1px; height: 30px;' contenteditable='true' id="editor2">once several lines are entered, the content bleeds over to this one.</div>

JavaScript

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