如何从Kendo ListView中拖动文本并将其放在Kendo编辑器中?

时间:2014-06-11 08:48:41

标签: jquery kendo-ui telerik kendo-editor

我正在尝试实现一个简单的编辑器,其中的项目将从Kendo ListView中拖出并放入Kendo Editor中。但是,drop函数没有按预期工作。我正在使用KendoDropTarget,它仅适用于简单的textarea或contentEditable元素,但不适用于编辑器。

http://plnkr.co/edit/tSk2ahaarIodFYY9azNS

我花了几个小时寻找解决方案,但我只能在Telerik论坛中找到一个建议在编辑器顶部使用叠加层的解决方案。 http://www.telerik.com/forums/kendoeditor-droptarget

但是,我不想在Kendo编辑器iframe上使用叠加层。有没有办法在iframe中访问正文(这是contentEditable)并在其中删除可拖动的值?

如果覆盖是唯一的解决方案,那么如何有效地实现拖放?

如果有人能帮助我,我将不胜感激。

1 个答案:

答案 0 :(得分:0)

需要覆盖iframe,因为iframe本身将捕获鼠标事件(它是一个单独的文档)。如果您不想实现叠加,可以从contentEditable元素创建编辑器,如此演示中所示:http://demos.telerik.com/kendo-ui/editor/inline-editing