TinyMCE - एक बटन लपेटता है कि एक टैग

Question

मैं वर्तमान में TinyMCE उपयोग कर रहा हूँ और इस प्रकार है कि काम करता है एक कस्टम बटन जोड़ना चाहते हैं के साथ पाठ का चयन कैसे जोड़ें: पाठ editior में

1. उपयोगकर्ता पर प्रकाश डाला पाठ
2. उपयोगकर्ता कस्टम बटन एक्स
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() का उपयोग करना मतलब है कि कार्रवाई पूर्ववत करने के लिए उपलब्ध होगी। @ योद्धा का जवाब 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>'); 
    } 
    } 
});