3

我正在 ckeditor 中做一个项目。我想将 div 添加到 ckeditor 的 textarea 中，它应该是可拖放的。我已经向 div 添加了一个 div 和样式。但是 jquery click 事件不适用于文本区域内的 div .我使用的代码如下，它适用于焦点事件。提前致谢

<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>
4

1 回答 1

1

首先在他们的演示页面上进行测试，看看你想做的事情是否在那里工作！

http://ckeditor.com/demo

您可能必须与 ckeditor 开发人员一起使用它，并确保您安装了它的最新版本，以及它所依赖的最新库，例如 jQuery。

如果它仍然不起作用，那么您可能必须自定义 Javascript 库，或者找到另一个可以工作的插件，就像他们在 DotNetnuke 或任何其他主流 CMS 系统中使用的插件一样。

于 2012-08-27T05:09:41.610 回答