You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<html><head> <title>Demo 3 : Add/Remove NicEditors</title></head><body>
<div id="menu"></div>
<div id="intro"><p>The demo below shows toggling the display of NicEditors on both textarea and div elements. NicEdit instances can be added and removed at any time</p></div><br />
<div id="sample"><h4>Div Example</h4> <div id="myArea1" style="width: 300px; height: 100px; border: 1px solid #000;"> This is some TEST CONTENT<br /> In a DIV Tag<br /> Click the Buttons to activate </div> <button onClick="toggleArea1();">Toggle DIV Editor</button><br /><br /><h4>Textarea Example</h4><div> <textarea style="width: 300px; height: 100px;" id="myArea2"></textarea> <br /> <button onClick="addArea2();">Add Editor to TEXTAREA</button> <button onClick="removeArea2();">Remove Editor from TEXTAREA</button> </div><div style="clear: both;"></div>
<script src="../nicEdit.js" type="text/javascript"></script><script>var area1, area2;
function toggleArea1() { if(!area1) { area1 = new nicEditor({fullPanel : true}).panelInstance('myArea1',{hasPanel : true}); } else { area1.removeInstance('myArea1'); area1 = null; }}
function addArea2() { area2 = new nicEditor({fullPanel : true}).panelInstance('myArea2');}function removeArea2() { area2.removeInstance('myArea2');}
bkLib.onDomLoaded(function() { toggleArea1(); });</script> </div>
</body></html>
|
