WYSIWYG Editör Yapımı

 $(function(){
  
  
    $.pExec=function(name,args)    {  
    document.execCommand(name,false,args);
    }     
         
         
    $('ul.pButton li a').click(function(){
            var obj=$(this).data('obj'),args;
          
            /*yazı boyutu*/
            if (obj.prompt){
                args=prompt(obj.prompt.Text,'');              
                }
          
            /*komut kısmı kalın,italic,underline,...*/
            $.pExec(obj.name,args)
           return false;
           });
  
    /*html kod göster,...*/
    $('button#submit').click(function(){
                                    
                                      var html = $('.pEditor').html();
                                      $('textarea[name=pTextarea]').val( html );
                                    
                                      });
         
});

<div>
<ul class="pButton">
<li><a href=# data-obj='{"name":"bold"}'>Kalın</a></li>
<li><a href=# data-obj='{"name":"underline"}'>Altıçizili</a></li>
<li><a href=# data-obj='{"name":"italic"}'>Eğik</a></li>
<li><a href=# data-obj='{"name":"FontSize","prompt":true,"promptText":"Yazı boyunu giriniz(1-7 arası değer)"}'>Font Boyutu</a></li>
<li><a href=# data-obj='{"name":"ForeColor","prompt":true,"promptText":"Yazı boyunu giriniz(1-7 arası değer)"}'>Font Rengi</a></li>
<li><a href=#>Hr</a></li>
<li><a href=#>Ol</a></li>
<li><a href=#>Ul</a></li>
<li><a href=#>Kalın</a></li>
<li><a href=#>Kalın</a></li>
</ul>
</div>
<div class="pEditor" contenteditable="true">Test</div>
<button  type="submit"  id="submit" value="Tamam" /></button>
<textarea name="pTextarea" cols="30" rows="10"></textarea>