आकार बदलने योग्य tinyMCE उदाहरण jqueryUI के .daggable के साथ काम नहीं कर रहा है

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

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

0
जोड़ा संपादित
विचारों: 1
क्या आप लोग इसे हल करने में कामयाब रहे?
जोड़ा लेखक user961627, स्रोत
मुझे एक ही समस्या है। आपका सवाल है: आप टिनिमस क्षेत्र पर आकार बदलने योग्य कैसे खींच सकते हैं?
जोड़ा लेखक Andrei Cristian Prodan, स्रोत

2 उत्तर

मैंने jQuery ui draggable और ड्रैग फ़ंक्शन कॉलबैक के हैंडल विकल्प का उपयोग करके इस समस्या को हल किया:

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;
    }
};
0
जोड़ा

यह समाधान है

".mce-resizehandle" tinymce आकार बदलें बटन है

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

$( ".selector" ).draggable({
  cancel: ".mce-resizehandle,input,textarea,button,select,option",
});
0
जोड़ा