CodeMirror 的拖放功能答案

【问题标题】：Drag and Drop functionality with CodeMirrorCodeMirror 的拖放功能
【发布时间】：2014-01-23 21:01:20
【问题描述】：

我目前正在从事一个涉及 CodeMirror 拖放功能的项目。我正在尝试按下一个按钮（将 HTML 标记值设置到 CODEMIRROR 编辑器中）并将其拖放到特定行的代码编辑器中。

当我将项目拖入编辑器时，我的努力使我只有网页的 URL 被存入编辑器。我不确定这是从哪里生成的，可能是值属性？但是我在网上找不到任何可以帮助我解决这个问题的东西。

如何通过拖放插入所需的文本而不是 URL？

（很遗憾，由于这是一个工作项目，我无法发布任何确切的代码）

谢谢，马特

*PS.this 嵌入在 Zend_Form 中

【问题讨论】：

标签： jquery zend-framework drag-and-drop codemirror

【解决方案1】：

好吧，除非您不提供示例代码，否则我无法理解确切的问题。

据我了解，您可以触发codemirror的拖放事件并非常高效地执行所需的任务。

更多理解请参考以下代码：

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

现在，您可以在 DOM 的帮助下执行您的任务，如果需要的话，您可以对 JQuery 有所了解，而不是打印日志。

【讨论】：