gpt4 book ai didi

jquery-ui - 打开 jQuery UI 对话框后 CKEditor 不工作

转载 作者:行者123 更新时间:2023-12-03 08:22:18 29 4
gpt4 key购买 nike

我有一个 jQuery UI 对话框,上面有一个 CKEditor 实例。我可以打开对话框并与编辑器进行良好的交互。但是,如果我从原始对话框中打开另一个 jQuery UI 对话框,当第二个对话框打开时,编辑器中的文本就会消失,并且在您重新加载整个页面之前无法使用编辑器。

如果 CKEditor 实例不在对话框中,这可以正常工作。我可以打开子对话框,使用它,关闭它,并且仍然与编辑器交互。

任何想法发生了什么以及如何使其工作?

下面的示例程序或 http://jsfiddle.net/3EyM4/1/

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/ckeditor.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.3.2/adapters/jquery.js"></script>

</head>

<body>
<script>

$(document).ready(
function()
{
$('textarea').ckeditor( { toolbar: [] } );

$( "#childDialog" ).dialog(
{
autoOpen: false
} );

$( "#parentDialog" ).dialog(
{
autoOpen: false
} );

});

</script>

<div>
Main page
<button onclick="$('#parentDialog').dialog( 'open' );">Open Parent</button>
</div>

<div id="parentDialog" title="Parent Dialog">
<button onclick="$('#childDialog').dialog( 'open' );">Open Child</button>
<textarea name="editorTextArea"></textarea>
</div>

<div id="childDialog" title="Child Dialog">
Child
</div>

</body>
</html>

最佳答案

您需要在对话框的打开事件上实例化 CKEDITOR

open: CKEDITOR.replace('editor1', {
height: 145,
width: 500,
allowedContent: true,
}),

然后是将允许文本。与 CKEDITOR 使用的 Iframe 有关

关于jquery-ui - 打开 jQuery UI 对话框后 CKEditor 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22338111/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com