使用CodeMirror拖放功能

时间:2014-01-23 21:01:21

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

我目前正在开发一个涉及CodeMirror拖放功能的项目。我试图按下一个按钮(将HTML标签值设置到CODEMIRROR编辑器中)并将其拖放到特定行的代码编辑器中。

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

如何让拖放插入所需的文字而不是网址?

(不幸的是,由于这是一个工作项目,我无法发布任何确切的代码)

谢谢, 马特

* PS.this嵌入在Zend_Form

1 个答案:

答案 0 :(得分:2)

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

据我所知,您可以触发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有所了解。