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 2 : NicEdit Configuration</title></head><body>
<div id="menu"></div>
<div id="intro"><p>NicEdit is highly configurable by passing the configuration when you create the NicEditor. Pass your configuration when you call:</p><p>new NicEditor({CONFIG HERE})</p><p>Add .panelInstance('ID TO TEXTAREA HERE') to add the editor to the textarea.</p><p>See the examples below:</p></div><br />
<div id="sample"><script src="../nicEdit.js" type="text/javascript"></script><script type="text/javascript">bkLib.onDomLoaded(function() { new nicEditor().panelInstance('area1'); new nicEditor({fullPanel : true}).panelInstance('area2'); new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3'); new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4'); new nicEditor({maxHeight : 100}).panelInstance('area5');});</script>
<h4>Default (No Config Specified)</h4><p>new nicEditor().panelInstance('area1');</p>
<textarea cols="50" id="area1"></textarea>
<h4>All Available Buttons {fullPanel : true}</h4><p>new nicEditor({fullPanel : true}).panelInstance('area2');</p><textarea cols="60" id="area2">Some Initial Content was in this textarea</textarea>
<h4>Change Path to Icon File {iconsPath : 'path/to/nicEditorIcons.gif'}</h4>
<p>new nicEditor({iconsPath : 'nicEditorIcons.gif'}).panelInstance('area3');</p><textarea cols="50" id="area3"></textarea>
<h4>Customize the Panel Buttons/Select List</h4>
<p>{buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}</p><textarea cols="50" id="area4">HTML <b>content</b> <i>default</i> in textarea</textarea>
<h4>Set a maximum expansion size (maxHeight)</h4>
<p>{maxHeight : 100}</p><textarea style="height: 100px;" cols="50" id="area5">HTML <b>content</b> <i>default</i> in textarea</textarea> </div>
</div>
</body></html>
|
