如何將文本從Kendo ListView拖放到Kendo Editor中？

Question

我試圖實現一個簡單的編輯器，其中的項目將從Kendo ListView中拖出並放入Kendo Editor中。但是，放置功能不能按預期工作。我使用KendoDropTarget，它只適用於簡單的textarea或contentEditable元素，但不適用於編輯器。

http://plnkr.co/edit/tSk2ahaarIodFYY9azNS

我花了幾個小時尋找解決的辦法，但我只能找到一個在Telerik的論壇，其中提出要在編輯器的頂部使用的覆蓋。 http://www.telerik.com/forums/kendoeditor-droptarget

但是，我不想在Kendo編輯器iframe之上使用疊加層。有沒有一種方法可以訪問iframe中的body（這是contentEditable）並在其中放置可拖動的值？

如果覆蓋是唯一的解決方案，如何高效地實現拖放？

如果有人能夠幫助我，我將不勝感激。

Answer 1

覆蓋iframe是必需的，因爲iframe本身將捕獲鼠標事件（它是一個單獨的文檔）。如果您不想實現疊加層，您可以從本示例中所示的contentEditable元素創建編輯器：http://demos.telerik.com/kendo-ui/editor/inline-editing