Using TInyMCE

by Joe Saad

HTML

<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<a href="#" id="trigger">Create Text Area</a>

<button type="button">Show Value</button>

<div id="content"></div>

JavaScript

tinymce.init({
   
});

$('a').click(function(){
    $(this).after('<textarea name="" id="" cols="30" rows="2"></textarea>');
});


$('body').on('click','#trigger',function(){
    tinymce.init({
        selector:'textarea',
         menubar : false,
        statusbar : false,
        toolbar: [
        "undo redo | styleselect | bold italic | link image | alignleft aligncenter alignright"
        ]
    });
});      


$('body').on('click','button',function(){
    //alert($('textarea').val());
    //alert(tinyMCE.activeEditor.getContent());
    $('#content').text(tinyMCE.activeEditor.getContent());
});