將圖像拖入CKEditor 4（沒有上傳）

Question

我想要一個圖像或div，我可以拖放到CKEditor 4.我如何實現這一目標？

我的DOMElement具有圖像的完整路徑 - 假裝它是一個具有src屬性。該圖像已被上傳到服務器，所以我想要做的就是獲取被拖入CKEditor的圖像的URL，並插入scr集的圖像標籤。

我聽來既降和粘貼事件，但我的數據始終是空的......

CKEDITOR.on('instanceCreated', function (e) { 
     e.editor.on('paste', function (event) { 

      event.stop(); 

      var data = event.data.dataValue; 

      if (window.chrome || window.safari) { 
       // removing span wrapper on webkit browsers. 
       data = $(data).html(); 
      } 

      //This is always empty... 
      console.log(event.editor.getData()); 

      event.editor.insertHtml(data); 

     }); 

     e.editor.on('drop', function (ev) { 
      console.log("drop", ev); 
     }); 

    }); 

任何想法？

Answer 1

對，所以事實證明：

$('.foo').draggable({ 
    helper: "clone" 
}); 

是答案，但如果它起初不工作，嘗試把overflow:auto;在另一個元素上。