jQuery对话框中的CKEditor实例

我正在使用jQuery打开一个对话框窗口,其中textarea转换为CKEditor的实例.我正在使用CKEditor团队提供的jQuery适配器,但是当对话框窗口打开时,我无法与编辑器交互(它已创建,但“null”写在内容空间中,我无法点击任何内容或修改内容).

This bug report似乎说通过使用补丁提供问题是固定的,但它似乎并没有为我工作…

这是我的代码(也许我以编程方式做错了)：

HTML：

<div id="ad_div" title="Analyse documentaire">
<textarea id="ad_content" name="ad_content"></textarea>
</div>

我的包括(所有内容都包含正确,但也许包括订单问题？)：

<script type="text/javascript" src="includes/ckeditor/ckeditor.js"></script>
<link rel="stylesheet" type="text/css" href="includes/jquery/css/custom-theme/jquery-ui-1.7.2.custom.css" />
<script type="text/javascript" src="includes/jquery/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="includes/jquery/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="includes/jquery/plugins/dialog-patch.js"></script>
<script type="text/javascript" src="includes/ckeditor/adapters/jquery.js"></script>

使用Javascript：

$('#ad_content').ckeditor();
 
/* snip */
 
$('#ad_div').dialog(
{
    modal: true,resizable: false,draggable: false,position: ['center','center'],width: 600,height: 500,hide: 'slide',show: 'slide',cloSEOnEscape: true,autoOpen: false
});
 
$('.analyse_cell').click(function(){
    $('#ad_div').dialog('open');
});

编辑：经过一些进一步的测试后,我注意到按下工具栏按钮给了我这个错误：

Error: this.document.getWindow().$is
undefined Source File:
includes/ckeditor/ckeditor.js Line: 82

解决方法

我使用带有“show：”选项的回调函数来延迟实例化CKEditor,直到“show”动画完成.我发现只需50毫秒即可.

modal: true,show: {
    effect: "drop",complete: function() {
        setTimeout(function(){
            $( "#selector" ).ckeditor();
        },50);
    }
},hide: "drop",

希望这可以帮助.

jQuery对话框中的CKEditor实例

解决方法

猜你在找的jQuery相关文章