TinyMCE - How to add a button that wraps selected text with a tag

Question

I\'m currently using TinyMCE and would like to add a custom button that works as follows:

1. User highlights text in the text-editior
2. User clicks the custom

Answer 1

ed.addButton('mybutton', {
  title: 'My button', 
  class: 'MyCoolBtn', 
  image: 'MyCoolBtn.png', 
  onclick: function() { 
    // Add your own code to execute something on click 
    ed.focus();
    ed.selection.setContent('' + ed.selection.getContent() + '');
  }
});