NicEdit- save and set example

An example to retrieve and edit text from nicEditor with formatting

by Digvijay Naruka

HTML

<script src="http://js.nicedit.com/nicEdit-latest.js"></script>
<form id="Diggs">
    Text to be copied from this textarea:
    <textarea id="DiggsText" style="width:80%"></textarea>
    <div class="button">Save</div>
     <br><Br><br><p>
     Text pasted using: getContent()</p>
    <textarea id="DiggsText2" style="width:50%"></textarea>
    <br><Br><p>
     Text pasted using: $('#Diggs').find('.nicEdit-main').html();</p>
    <textarea id="DiggsText3" style="width:50%"></textarea>
    <br>
    <textarea id="DiggsText4" cols="40" rows="10"></textarea>
</form>


<div id="tet">

</div>

CSS

div.button{
    float:left;
    border: 1px solid #8EC1DA;
    background-color: #DDEEF6;
    border-radius: 14.5px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    color: #3985a8;
    text-shadow: 0 1px #fff;
    padding: 5px 25px;
    cursor:pointer;
}

JavaScript

bkLib.onDomLoaded(function() {
  new nicEditor({
    fullPanel: true
  }).panelInstance('DiggsText');
  new nicEditor().panelInstance('DiggsText2');
  new nicEditor().panelInstance('DiggsText3');
  
  //setcontent for first editor
  var ne1 = nicEditors.findEditor("DiggsText");
  ne1.setContent("<sub>subscript</sub>NormalText <sup>SuperScript</sup> <b> Bold Text </b>");
  
});
$(document).ready(function() {
  $('.button').click(function() {
  	
    var ne2 = nicEditors.findEditor("DiggsText2");
    var ne3 = nicEditors.findEditor("DiggsText3");
    
    //set content for 2nd textarea
    var content = nicEditors.findEditor("DiggsText").getContent();
   	ne2.setContent(content);
    
    //set content for 3rd textarea
    var data = $('#Diggs').find('.nicEdit-main').html();
    ne3.setContent(data);
    ne3.saveContent();
   
    var htl = $("#DiggsText3").val();
    $(htl).appendTo("#Diggs");
    $("#DiggsText4").html(htl);

  });
});