Question

我正在ckeditor.i中做一个项目想要将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>

Answer 1

首先在他们的演示页面上测试它，看看你想做什么在那里工作！

http://ckeditor.com/demo

您可能需要与ckeditor开发人员一起讨论，并确保安装了最新版本的软件，以及它依赖的最新库，例如jQuery。

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

使用jquery拖放进行ckeditor textarea自定义

1 个答案: