javascript - 单击 CKEditor 内容显示警报

Question

我试图做到这一点，以便如果您单击 CKEditor 的文本区域(您键入的位置)，它会显示一条警报，但我无法让它工作，我也不知道为什么。

这是 JSFiddle:http://jsfiddle.net/C7N7r/44/

请帮忙!

HTML:

<form>
    <textarea class="ckeditor" id="editor1">Some text.</textarea>
</form>

JS:

CKEDITOR.replace("editor1", {});

$(document).on("click", ".cke_contents", function() {
    alert("CLICKED");
});

Answer 1

您可以使用 CKEditor API 以简单的方式完成此操作:

function clickListener(e) {
    alert("clicked")    
}

CKEDITOR.on('instanceReady', function(ev){
    ev.editor.editable().attachListener(ev.editor.document, "click", clickListener)
})

演示地址:http://jsfiddle.net/up3HG/1/