<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxCellEditor"></a>mxCellEditor</h1><divclass=CBody><p>In-place editor for the graph. To control this editor, use <ahref="mxGraph-js.html#mxGraph.invokesStopCellEditing"class=LVariableid=link45onMouseOver="ShowTip(event, 'tt38', 'link45')"onMouseOut="HideTip('tt38')">mxGraph.invokesStopCellEditing</a>, <ahref="mxGraph-js.html#mxGraph.enterStopsCellEditing"class=LVariableid=link46onMouseOver="ShowTip(event, 'tt39', 'link46')"onMouseOut="HideTip('tt39')">mxGraph.enterStopsCellEditing</a> and <ahref="mxGraph-js.html#mxGraph.escapeEnabled"class=LVariableid=link47onMouseOver="ShowTip(event, 'tt40', 'link47')"onMouseOut="HideTip('tt40')">mxGraph.escapeEnabled</a>. If <ahref="mxGraph-js.html#mxGraph.enterStopsCellEditing"class=LVariableid=link48onMouseOver="ShowTip(event, 'tt39', 'link48')"onMouseOut="HideTip('tt39')">mxGraph.enterStopsCellEditing</a> is true then ctrl-enter or shift-enter can be used to create a linefeed. The F2 and escape keys can always be used to stop editing. To customize the location of the textbox in the graph, override <ahref="#mxCellEditor.getEditorBounds"class=LFunctionid=link49onMouseOver="ShowTip(event, 'tt33', 'link49')"onMouseOut="HideTip('tt33')">getEditorBounds</a> as follows:</p><blockquote><preclass="prettyprint">graph.cellEditor.getEditorBounds = function(state)
};</pre></blockquote><p>The textarea uses the mxCellEditor CSS class. You can modify this class in your custom CSS. Note: You should modify the CSS after loading the client in the page.</p><h4class=CHeading>Example</h4><p>To only allow numeric input in the in-place editor, use the following code.</p><blockquote><preclass="prettyprint">var text = graph.cellEditor.textarea;
mxEvent.addListener(text, 'keydown', function (evt)
{
if (!(evt.keyCode >= 48 && evt.keyCode <= 57) &&
});</pre></blockquote><h4class=CHeading>Placeholder</h4><p>To implement a placeholder for cells without a label, use the <ahref="#mxCellEditor.emptyLabelText"class=LVariableid=link50onMouseOver="ShowTip(event, 'tt11', 'link50')"onMouseOut="HideTip('tt11')">emptyLabelText</a> variable.</p><h4class=CHeading>Resize in Chrome</h4><p>Resize of the textarea is disabled by default. If you want to enable this feature extend <ahref="#mxCellEditor.init"class=LFunctionid=link51onMouseOver="ShowTip(event, 'tt16', 'link51')"onMouseOut="HideTip('tt16')">init</a> and set this.textarea.style.resize = ‘’.</p><p>To start editing on a key press event, the container of the graph should have focus or a focusable parent should be used to add the key press handler as follows.</p><blockquote><preclass="prettyprint">mxEvent.addListener(graph.container, 'keypress', mxUtils.bind(this, function(evt)
}));</pre></blockquote><p>To allow focus for a DIV, and hence to receive key press events, some browsers require it to have a valid tabindex attribute. In this case the following code may be used to keep the container focused.</p><blockquote><preclass="prettyprint">var graphFireMouseEvent = graph.fireMouseEvent;
};</pre></blockquote><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxCellEditor">mxCellEditor</a></td><tdclass=SDescription>In-place editor for the graph. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCellEditor.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.mxCellEditor"id=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxCellEditor</a></td><tdclass=SDescription>Constructs a new in-place editor for the specified graph.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCellEditor.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.graph"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">graph</a></td><tdclass=SDescription>Reference to the enclosing <ahref="mxGraph-js.html#mxGraph"class=LClassid=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">mxGraph</a>.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellEditor.textarea"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">textarea</a></td><tdclass=SDescription>Holds the input textarea. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.editingCell"id=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">editingCell</a></td><tdclass=SDescription>Reference to the <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">mxCell</a> that is currently being edited.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellEditor.trigger"id=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">trigger</a></td><tdclass=SDescription>Reference to the event that was used to start editing.</td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.modified"id=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">modified</a></td><tdclass=SDescription>Specifies if the label has been modified.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellEditor.autoSize"id=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">autoSize</a></td><tdclass=SDescription>Specifies if the textarea should be resized while the text is being edited. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.selectText"id=link10onMouseOver="ShowTip(event, 'tt10', 'link10')"onMouseOut="HideTip('tt10')">selectText</a></td><tdclass=SDescription>Specifies if the text should be selected when editing starts. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellEditor.emptyLabelText"id=link11onMouseOver="ShowTip(event, 'tt11', 'link11')"onMouseOut="HideTip('tt11')">emptyLabelText</a></td><tdclass=SDescription>Text to be displayed for empty labels. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.textNode"id=link12onMouseOver="ShowTip(event, 'tt12', 'link12')"onMouseOut="HideTip('tt12')">textNode</a></td><tdclass=SDescription>Reference to the label DOM node that has been hidden.</td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCellEditor.zIndex"id=link13onMouseOver="ShowTip(event, 'tt13', 'link13')"onMouseOut="HideTip('tt13')">zIndex</a></td><tdclass=SDescription>Specifies the zIndex for the textarea. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCellEditor.minResize"id=link14onMouseOver="ShowTip(event, 'tt14', 'link14')"onMouseOut="HideTip('tt14')">minResize</a></td><tdclass=SDescription>Defines the minimum width and height to be used in <ahref="#mxCel
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.mxCellEditor"></a>mxCellEditor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxCellEditor(</td><tdclass=PParameternowrap>graph</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new in-place editor for the specified graph.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>graph</td><tdclass=CDLDescription>Reference to the enclosing <ahref="mxGraph-js.html#mxGraph"class=LClassid=link52onMouseOver="ShowTip(event, 'tt3', 'link52')"onMouseOut="HideTip('tt3')">mxGraph</a>.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.graph"></a>graph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.graph</td></tr></table></blockquote><p>Reference to the enclosing <ahref="mxGraph-js.html#mxGraph"class=LClassid=link53onMouseOver="ShowTip(event, 'tt3', 'link53')"onMouseOut="HideTip('tt3')">mxGraph</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.textarea"></a>textarea</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.textarea</td></tr></table></blockquote><p>Holds the input textarea. Note that this may be null before the first edit. Instantiated in <ahref="#mxCellEditor.init"class=LFunctionid=link54onMouseOver="ShowTip(event, 'tt16', 'link54')"onMouseOut="HideTip('tt16')">init</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.editingCell"></a>editingCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.editingCell</td></tr></table></blockquote><p>Reference to the <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link55onMouseOver="ShowTip(event, 'tt6', 'link55')"onMouseOut="HideTip('tt6')">mxCell</a> that is currently being edited.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.trigger"></a>trigger</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.trigger</td></tr></table></blockquote><p>Reference to the event that was used to start editing.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.modified"></a>modified</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.modified</td></tr></table></blockquote><p>Specifies if the label has been modified.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.autoSize"></a>autoSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.autoSize</td></tr></table></blockquote><p>Specifies if the textarea should be resized while the text is being edited. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.selectText"></a>selectText</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.selectText</td></tr></table></blockquote><p>Specifies if the text should be selected when editing starts. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.emptyLabelText"></a>emptyLabelText</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.emptyLabelText</td></tr></table></blockquote><p>Text to be displayed for empty labels. Default is ‘’. This can be set to eg. “[Type Here]” to easier visualize editing of empty labels. The value is only displayed before the first keystroke and is never used as the actual editing value.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.textNode"></a>textNode</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.textNode</td></tr></table></blockquote><p>Reference to the label DOM node that has been hidden.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.zIndex"></a>zIndex</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.zIndex</td></tr></table></blockquote><p>Specifies the zIndex for the textarea. Default is 5.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.minResize"></a>minResize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.minResize</td></tr></table></blockquote><p>Defines the minimum width and height to be used in <ahref="#mxCellEditor.resize"class=LFunctionid=link56onMouseOver="ShowTip(event, 'tt15', 'link56')"onMouseOut="HideTip('tt15')">resize</a>. Default is 0x20px.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.init"></a>init</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.init = function ()</td></tr></table></blockquote><p>Creates the <ahref="#mxCellEditor.textarea"class=LVariableid=link57onMouseOver="ShowTip(event, 'tt4', 'link57')"onMouseOut="HideTip('tt4')">textarea</a> and installs the event listeners. The key handler updates the <ahref="#mxCellEditor.modified"class=LVariableid=link58onMouseOver="ShowTip(event, 'tt8', 'link58')"onMouseOut="HideTip('tt8')">modified</a> state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.installListeners"></a>installListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.installListeners = function(</td><tdclass=PParameternowrap>elt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Installs listeners for focus, change and standard key event handling. NOTE: This code requires support for a value property in elt.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.isStopEditingEvent"></a>isStopEditingEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.isStopEditingEvent = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given keydown event should stop cell editing. This returns true if F2 is pressed of if <ahref="mxGraph-js.html#mxGraph.enterStopsCellEditing"class=LVariableid=link59onMouseOver="ShowTip(event, 'tt39', 'link59')"onMouseOut="HideTip('tt39')">mxGraph.enterStopsCellEditing</a> is true and enter is pressed without control or shift.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.isEventSource"></a>isEventSource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.isEventSource = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if this editor is the source for the given native event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.focusLost"></a>focusLost</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.focusLost = function()</td></tr></table></blockquote><p>Called if the textarea has lost focus.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.startEditing"></a>startEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.startEditing = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>trigger</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Starts the editor for the given cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link63onMouseOver="ShowTip(event, 'tt6', 'link63')"onMouseOut="HideTip('tt6')">mxCell</a> to start editing.</td></tr><tr><tdclass=CDLEntry>trigger</td><tdclass=CDLDescription>Optional mouse event that triggered the editor.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.createTextDiv"></a>createTextDiv</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.createTextDiv = function()</td></tr></table></blockquote><p>Creates the textDiv used for measuring text.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.stopEditing"></a>stopEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.stopEditing = function(</td><tdclass=PParameternowrap>cancel</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Stops the editor and applies the value if cancel is false.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.applyValue"></a>applyValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.applyValue = function()</td></tr></table></blockquote><p>Called in <ahref="#mxCellEditor.stopEditing"class=LFunctionid=link65onMouseOver="ShowTip(event, 'tt26', 'link65')"onMouseOut="HideTip('tt26')">stopEditing</a> if cancel is false. This invokes <ahref="mxGraph-js.html#mxGraph.labelChanged"class=LFunctionid=link66onMouseOver="ShowTip(event, 'tt41', 'link66')"onMouseOut="HideTip('tt41')">mxGraph.labelChanged</a> if <ahref="#mxCellEditor.isModified"class=LFunctionid=link67onMouseOver="ShowTip(event, 'tt20', 'link67')"onMouseOut="HideTip('tt20')">isModified</a> returns true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getInitialValue"></a>getInitialValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.getInitialValue = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>trigger</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Gets the initial editing value for the given cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getCurrentValue"></a>getCurrentValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.getCurrentValue = function()</td></tr></table></blockquote><p>Returns the current editing value.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getCurrentHtmlValue"></a>getCurrentHtmlValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.getCurrentHtmlValue = function()</td></tr></table></blockquote><p>Returns the current value as HTML to measure the text size.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.isHideLabel"></a>isHideLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.isHideLabel = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the label should be hidden while the cell is being edited.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getMinimumSize"></a>getMinimumSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.getMinimumSize = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the minimum width and height for editing the given state.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getEditorBounds"></a>getEditorBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.getEditorBounds = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link68onMouseOver="ShowTip(event, 'tt34', 'link68')"onMouseOut="HideTip('tt34')">mxRectangle</a> that defines the bounds of the editor.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getEmptyLabelText"></a>getEmptyLabelText</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxCellEditor.prototype.getEmptyLabelText = function (</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the initial label value to be used of the label of the given cell is empty. This label is displayed and cleared on the first keystroke. This implementation returns <ahref="#mxCellEditor.emptyLabelText"class=LVariableid=link69onMouseOver="ShowTip(event, 'tt11', 'link69')"onMouseOut="HideTip('tt11')">emptyLabelText</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link70onMouseOver="ShowTip(event, 'tt6', 'link70')"onMouseOut="HideTip('tt6')">mxCell</a> for which a text for an empty editing box should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.getEditingCell"></a>getEditingCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.getEditingCell = function ()</td></tr></table></blockquote><p>Returns the cell that is currently being edited or null if no cell is being edited.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCellEditor.destroy"></a>destroy</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.destroy = function ()</td></tr></table></blockquote><p>Destroys the editor and removes all associated resources.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxCellEditor(</td><tdclass=PParameternowrap>graph</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new in-place editor for the specified graph.</div></div><divclass=CToolTipid="tt2"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.graph</td></tr></table></blockquote>Reference to the enclosing mxGraph.</div></div><divclass=CToolTipid="tt3"><divclass=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.textarea</td></tr></table></blockquote>Holds the input textarea. </div></div><divclass=CToolTipid="tt5"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.editingCell</td></tr></table></blockquote>Reference to the mxCell that is currently being edited.</div></div><divclass=CToolTipid="tt6"><divclass=CClass>Cells are the elements of the graph model. </div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.trigger</td></tr></table></blockquote>Reference to the event that was used to start editing.</div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.modified</td></tr></table></blockquote>Specifies if the label has been modified.</div></div><divclass=CToolTipid="tt9"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.autoSize</td></tr></table></blockquote>Specifies if the textarea should be resized while the text is being edited. </div></div><divclass=CToolTipid="tt10"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.selectText</td></tr></table></blockquote>Specifies if the text should be selected when editing starts. </div></div><divclass=CToolTipid="tt11"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.emptyLabelText</td></tr></table></blockquote>Text to be displayed for empty labels. </div></div><divclass=CToolTipid="tt12"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.textNode</td></tr></table></blockquote>Reference to the label DOM node that has been hidden.</div></div><divclass=CToolTipid="tt13"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.zIndex</td></tr></table></blockquote>Specifies the zIndex for the textarea. </div></div><divclass=CToolTipid="tt14"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.minResize</td></tr></table></blockquote>Defines the minimum width and height to be used in resize. </div></div><divclass=CToolTipid="tt15"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.resize = function()</td></tr></table></blockquote>Returns modified.</div></div><divclass=CToolTipid="tt16"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxCellEditor.prototype.init = function ()</td></tr></table></blockquote>Creates
