如何在CKeditor中监听拖放事件?

时间:2010-09-26 23:31:20

标签: javascript drag-and-drop ckeditor

我正在构建一个应用程序,要求用户将html元素拖放到CKeditor实例上。我需要监听drop事件,以便我可以采取措施删除放到编辑器上的元素。我看到有一个'粘贴'事件,但它不是由掉落触发的。

这是我的简单测试,使用CKeditor jquery适配器:

// set up instance
$('#editor1').ckeditor();
var editor = $('#editor1').ckeditorGet();

// this gets a list of all events that you can listen for
console.log(editor._.events);

// here's how you listen for an event
editor.on("someEvent", function(e) {
  console.log(e); 
});

我在文档中找不到任何可以解释这一点的内容。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

如果可能,请为要放入编辑器的项目指定唯一属性,然后收听selectionChange

editor.on('selectionChange', hookNewObjects);

保留已删除的所有对象的注册,并仅对新对象采取措施。

您可以使用

访问最近拖动的元素
ev.editor.getSelection().getStartElement().$