TinyMCEは - 私は現在のTinyMCEを使用していますし、次のように動作カスタムボタンを追加したいタグ

Question

で選択したテキストをラップボタンを追加する方法：テキスト・人気アニメで

1. ユーザーのハイライトテキスト
2. ユーザーはカスタムボタンX
3. テキスト（犬の散歩）タグ（犬の散歩）でラップされ

これを行うことができる場合は上の任意のアイデアをクリック？

// Add a custom button 
ed.addButton('mybutton', { 
    title : 'My button', 
    'class' : 'MyCoolBtn', 
    image : 'MyCoolBtn.png', 
    onclick : function() { 
     // Add you own code to execute something on click 
     ed.focus(); 
     ed.selection.setContent('<strong>Hello world!</strong>'); 
    } 
}); 

---

感謝：私はカスタムボタンは、テキストを挿入しますが、テキストを折り返すない方法を考え出した...ここでは、現在のコードです！これを達成するための

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('<tag>' + ed.selection.getContent() + '</tag>'); 
    } 
}); 

Answer 2

より良い方法は、（1）、次に（2）execCommand()メソッドを使用し、必ず選択が空でないようにするために簡単なチェックを実行することです。

execCommand()を使用すると、元に戻すことができます。 @ Warriorの回答は、取り消し不可能なsetContent()を使用しています。

ed.addButton('mybutton', { 
    title: 'My button', 
    class: 'MyCoolBtn', 
    image: 'MyCoolBtn.png', 
    onclick: function() { 
    ed.focus(); 
    var text = ed.selection.getContent({'format': 'html'}); 
    if(text && text.length > 0) { 
     ed.execCommand('mceInsertContent', false, '<tag>'+text+'</tag>'); 
    } 
    } 
});