如何将文本从 Kendo ListView 拖放到 Kendo Editor 中？答案

【问题标题】：How to Drag text from Kendo ListView and Drop it in Kendo Editor?如何将文本从 Kendo ListView 拖放到 Kendo Editor 中？
【发布时间】：2014-06-11 08:48:40
【问题描述】：

我正在尝试实现一个简单的编辑器，其中项目将从 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）并在其中放置可拖动的值？

如果覆盖是唯一的解决方案，如何有效地实现拖放？

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

【问题讨论】：

你能提供给我们你做过的相关代码吗？
这是我处理过的代码：http://embed.plnkr.co/LLCvLlB5OSOlaMDAxGWG/。将项目拖放到 iframe（剑道编辑器）上不起作用。

标签： jquery kendo-ui telerik kendo-editor

【解决方案1】：

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

【讨论】：