gistfile1.txt

$(document).ready(
    function () {
        
      $('#editactivate')
            .click(function() {
                       var editor = new Proper();
                       editor.activate($(".content"), {
                                           placeholder: 'Enter Text',
                                           controlsTarget: $('#tools'),
                                           codeFontFamily: 'Monaco, Consolas, "Lucida Console", monospace'
                                       });
                       
                       
                   }); 

      $('#editactivate2')
            .click(function() {
                       var editor = new Proper();
                       
                       editor.activate($(".content2"), {
                                           placeholder: 'Enter Text',
                                           controlsTarget: $('#tools2'),
                                           codeFontFamily: 'Monaco, Consolas, "Lucida Console", monospace'
                                       });
                       
                       
                   }); 
        
    });



and for html: 




<div id='tools'> </div>
<br>
<br>

<a href="#" id='editactivate'> activate </a>
<br>
<br>
<div class='content'>
THIS IS SOME TEXT AND MORE AND MORE
lalalala

what is going on <p>
and more
</div>

<div id='tools2'> </div>
<br>
<br>
<a href="#" id='editactivate2'> activate </a>
<div class='content2'>
THIS IS SOME TEXT AND MORE AND MORE
lalalala

what is going on <p>
and more
</div>