Make selected text bold/unbold

Question

I\'m wrapping the selected text in span tags, when you click a button. If I then select a different piece of text and click the button, that text also gets wrapped in tags.

Answer 1

This code goes thru the content of the textEditor and removes all the span tags. It should do the trick.

jQuery(function($) {
    $('.embolden').click(function(){
        $('.textEditor span').contents().unwrap();
        var highlight = window.getSelection();  
        var span = '' + highlight + '';
        var text = $('.textEditor').html();
        $('.textEditor').html(text.replace(highlight, span));
    });
});