CKEDITOR小工具拖放到需要的元素

Question

我有ckeditor小部件的問題。我有內聯的不可編輯的文本小部件，我可以在編輯器中使用其默認功能拖放到其他位置。所以我需要檢查我放棄我的小部件的位置，如果這個地方是無法移動的（根據我的規則，我們TABLE）取消事件傳播，小部件應該留在以前的地方。

editor.widgets.add('customWidgetAdd', { 
    inline: true, 
    template: '<span class="simplebox">' + 
      '<span class="simplebox-title" ></span>' + 
     '</span>', 
    init: function(){ 
     var that = this; 

      that.widgetData = ko.observable(self.activeWidgetData); 

      var subscription = that.widgetData.subscribe(function (value) {           
       $(that.element.$).find('.simplebox-title').text(value.name); 
       if (that.isSelected) { 
        self.activeWidgetData = value; 
       } 
      }); 
      var destroyListener = function(ev){ 
       subscription.dispose(); 
      };   
      that.once('destroy', destroyListener); 

      that.on('doubleclick', function (evt) { 
       editor.execCommand(editAction.command); 
      });     

      that.on('select', function (evt){ 
       that.isSelected = true; 
       self.activeWidgetData = that.widgetData(); 
      }); 

      that.on('deselect', function (evt){ 

       try { 
        var endContainer = editor.getSelection().getRanges()[0].endContainer.getName(); 
       } catch (e) { 

       } 

       that.isSelected = false; 
       if (endContainer == 'td' || endContainer == 'th') { 

         //SO here comes the problem. My rule is executed and 
//I want CKEDITOR do nothing from here... but stil widget is getting cutted  from DOM and inserted to place where I have dropped it... 
         //that.removeListener('destroy', destroyListener); 
         //that.removeAllListeners(); 
         evt.cancel(); 
         evt.stop(); 

         return false;       
       } 
      }); 
    } 
}); 

Answer 1

不幸的是，在這種情況下沒有簡單的解決方案。 你能做到這一點的只有一個辦法是訂閱編輯的drop事件，並取消它，如果需要，如：

editor.on('contentDom', function() { 
    var editable = editor.editable(), 
     // #11123 Firefox needs to listen on document, because otherwise event won't be fired. 
     // #11086 IE8 cannot listen on document. 
     dropTarget = (CKEDITOR.env.ie && CKEDITOR.env.version < 9) || editable.isInline() ? editable : editor.document; 

    editable.attachListener(dropTarget, 'drop', function(evt) { 
     //do all checks here 
    }); 
}); 

你可以找到它是如何工作in CKEditor（見的功能setupDragAndDrop代碼）