2012-08-27 96 views
3

我正在ckeditor.i中做一個項目,希望將div添加到ckeditor的textarea,它應該是可拖動和可丟棄的。我已經將div和樣式添加到div.But jquery點擊事件不適用於文本區域內的div。我使用的代碼如下,它適用於焦點事件。 在此先感謝ckeditor textarea自定義與jquery的拖放

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="ckeditor.js"></script> 
<script type="text/javascript" src="config.js"></script> 
<script type="text/javascript" src="ckfinder/ckfinder.js"></script> 
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="jquery.js"></script> 

<script type="text/javascript"> 

$(document).ready(function() { 

    var editor = CKEDITOR.replace('content'); 
    CKFinder.setupCKEditor(editor, '/ckfinder/') ;  

    var ckeditor = CKEDITOR.instances['content']; 
    ckeditor.on('focus', fnHandler); 

}); 

function fnHandler(){ 
    alert("Working"); 
} 

</script> 

</head> 
<body> 

<textarea class="ckeditor" name="content" id="content" cols="20" rows="40"> 

<div id="makeMeDraggable"> </div> 
</textarea> 

</body> 
</html> 
+0

問題在哪裏? –

+0

首先在他們的演示頁面上測試它,看看你想要做什麼在那裏工作!您可能需要與ckeditor開發人員合作,並確保您安裝了最新版本的安裝程序,以及它所依賴的最新庫,例如jQuery – ShaunOReilly

回答

1

測試它的演示頁上第一,看看你想要做的工作有什麼!

http://ckeditor.com/demo

您可能必須採取它與CKEditor的開發者,並確保您擁有最新版本的安裝它,以及它依賴於它,如jQuery的最新庫。

如果它仍然不起作用,那麼你可能不得不自定義Javascript庫,或者找到另一個可用的插件,比如他們在DotNetnuke或任何其他主流CMS系統中使用的插件。