resizable tinyMCE उदाहरण jqueryUI के साथ काम नहीं कर रहा है .draggable

Question

मेरे पास एक कंटेनर div के अंदर एक गतिशील रूप से बनाया गया TinyMCE textarea (बाहरी टूलबार का उपयोग करके) है। मैं इसे खींचने योग्य, और आकार बदलने योग्य (संपूर्ण पाठ क्षेत्र) प्राप्त करने की कोशिश कर रहा हूं।

jQueryUI का .draggable() tinyMCE के साथ काम करता है, लेकिन अगर मैं .resizable() का उपयोग करता हूं, तो जब मैं क्षेत्र पर क्लिक करता हूं तो tinyMCE बाहरी टूलबार प्रकट नहीं होता है। यदि मैं अपनी सेटिंग्स में tinyMCE के आकार बदलने का विकल्प उपयोग करता हूं, जब मैं इसे आकार देने के लिए खींचने के लिए क्लिक करता हूं, तो यह jqueryUI के ड्रैग करने योग्य फ़ंक्शन को तोड़ता है (पूरा बॉक्स माउस के साथ-साथ आकार बदलता है, और जाने नहीं देगा)।

Answer 1

मैं इस समस्या jQuery ui की handle विकल्प खींचने योग्य और खींचें समारोह कॉलबैक का उपयोग कर हल:

div.draggable.handle = "div[role=group], td.mceLast"; 
div.draggable.drag = function (event, ui) { 
    if ($(event.srcElement).is('.mceResize') || $(event.originalEvent.target).is('.mceResize')) { 

     return false; 
    } 
}; 

Answer 2

यह समाधान

".mce-resizehandle" TinyMCE आकार बटन के वर्ग है

$(".selector").resizable({ 
    cancel: ".mce-resizehandle,input,textarea,button,select,option", 
}); 

$(".selector").draggable({ 
    cancel: ".mce-resizehandle,input,textarea,button,select,option", 
});