EditLive! 9 Documentation : removeEditableSection Method

This method will revert a specified Inline Editing DIV back to a standard HTML DIV. After performing this method on a specified DIV, clicking on the DIV will no longer display EditLive!.

If the specified DIV currently contains EditLive!, calling this method will remove the applet from the DIV and replace the DIV's content with the content in EditLive!.

For more information, see the Using Inline Editing article in the Developer Guide for this SDK, or undertake the Using Inline Editing Tutorial

Syntax

JavaScript
editliveInstance.removeEditableSection(divID);

Parameters

divID

The ID attribute for an Inline Editing DIV to unassociate from EditLive!. This DIV must be registered as an Inline Editing Section. For more information see the addEditableSection Method.

Example

The following code features a page with a DIV registered as an Inline Editing section. Pressing the Remove Editor button will revert the Inline Editing DIV back to a normal HTML DIV unassociated with EditLive!.

JavaScript
<script language="Javascript" src="../../redistributables/editlivejava/editlivejava.js"/>
<div id="dashedDiv1" style="width: 600px; height: 400px; overflow: auto; border: 1px dotted gray; white-space:normal;">
</div>
<script language="Javascript">
       editlivejs = new EditLiveJava("ELApplet", "100%", "100%");
       editlivejs.setConfigurationFile("../../redistributables/editlivejava/sample_eljconfig.xml");
       editlivejs.addEditableSection("dashedDiv1");
</script>
 
<input type="button" value="Remove Editor" onclick="editlivejs.removeEditableSection('dashedDiv1');" />

See Also