ckeditor和jquery UI对话框不工作

我现在没完没了地试着让你解决我一直面临的令人沮丧的局面。我正试图让ckEditor在jQueryUI对话框中工作。编辑器非常完美，它用ckeditor皮肤替换了textarea，但我无法编辑/添加内容块中的内容。我现在看到的唯一可行的解决方案是，如果我在编辑器中单击“源代码”并松开它，我就能够向其中添加内容

我的实现仅仅是

，没有添加任何额外的信息/代码。有什么想法吗？

也有同样的问题

从模型中删除效果有助于： 删除：

show: "scale",
hide: "puff",

现在我的电话是这样的：

$("#report").dialog({
        title: "<?php echo caption("REPORT_EDITOR"); ?>",
        bgiframe: true,
          autoOpen: false,
          width: 990,
          height: 620,
          modal: true,

          draggable: true,
          resizable: true,
          resizeStop: function(event, ui) {
              var y = $(event.target).height();
              repEditor.resize( "99%", y - 10 );
          },

          buttons: {
            'Close': function() {
              $(this).dialog('close');
            }
          } 
        });

$（“#报告”）。对话框({
标题：“，
bgiframe：是的，
自动打开：错误，
宽度：990，
身高：620，
莫代尔：是的，
真的，
可调整大小：正确，
resizeStop：函数（事件、ui）{
变量y=$（event.target）.height（）；
重新调整大小（“99%”，y-10）；
},
按钮：{
“关闭”：函数（）{
$（this.dialog（'close'）；
}
} 
});
也有同样的问题

从模型中删除效果有助于：
删除：

show: "scale",
hide: "puff",

现在我的电话是这样的：

$("#report").dialog({
        title: "<?php echo caption("REPORT_EDITOR"); ?>",
        bgiframe: true,
          autoOpen: false,
          width: 990,
          height: 620,
          modal: true,

          draggable: true,
          resizable: true,
          resizeStop: function(event, ui) {
              var y = $(event.target).height();
              repEditor.resize( "99%", y - 10 );
          },

          buttons: {
            'Close': function() {
              $(this).dialog('close');
            }
          } 
        });

$（“#报告”）。对话框({
标题：“，
bgiframe：是的，
自动打开：错误，
宽度：990，
身高：620，
莫代尔：是的，
真的，
可调整大小：正确，
resizeStop：函数（事件、ui）{
变量y=$（event.target）.height（）；
重新调整大小（“99%”，y-10）；
},
按钮：{
“关闭”：函数（）{
$（this.dialog（'close'）；
}
} 
});
要保留“显示”和“隐藏”动画，请在“显示”事件结束后创建编辑器实例，并使用“显示”的complete:选项的回调函数

$（“#报告”）。对话框({
标题：“，
bgiframe：是的，
自动打开：错误，
宽度：990，
身高：620，
莫代尔：是的，
//开始我的建议吧
展示：{
效果：“比例”，
完成：函数（）{
$（“#选择器”）.ckeditor（）；
}
},
隐藏：“吹气”，
//结束我的建议
真的，
可调整大小：正确，
resizeStop：函数（事件、ui）{
变量y=$（event.target）.height（）；
重新调整大小（“99%”，y-10）；
},
按钮：{
“关闭”：函数（）{
$（this.dialog（'close'）；
}
} 
});
要保留“显示”和“隐藏”动画，请在“显示”事件结束后创建编辑器实例，并使用“显示”的complete:选项的回调函数

$（“#报告”）。对话框({
标题：“，
bgiframe：是的，
自动打开：错误，
宽度：990，
身高：620，
莫代尔：是的，
//开始我的建议吧
展示：{
效果：“比例”，
完成：函数（）{
$（“#选择器”）.ckeditor（）；
}
},
隐藏：“吹气”，
//结束我的建议
真的，
可调整大小：正确，
resizeStop：函数（事件、ui）{
变量y=$（event.target）.height（）；
重新调整大小（“99%”，y-10）；
},
按钮：{
“关闭”：函数（）{
$（this.dialog（'close'）；
}
} 
});
对于jQuery UI（1.10+）、jQuery（1.10+）和CKEditor 3.6的版本，似乎可以：

_moveToTop: function( event, silent ) {
    var $parent = this.uiDialog.parent();
    var $elementsOnSameLevel = $parent.children();

    var heighestZIndex = 0;
    $.each($elementsOnSameLevel, function(index, element) {
        var zIndexOfElement = $(element).css('z-index');
        if (zIndexOfElement) {
            var zIndexOfElementAsNumber = parseInt(zIndexOfElement) || 0;
            if (zIndexOfElementAsNumber > heighestZIndex) {
                heighestZIndex = zIndexOfElementAsNumber;
            }
        }
    });
    var currentZIndex = this.uiDialog.css('z-index');

    var moved;
    if (currentZIndex >= heighestZIndex) {
        moved = false;
    } else {
        this.uiDialog.css('z-index', heighestZIndex + 1);
        moved = true;
    }

    if ( moved && !silent ) {
        this._trigger( "focus", event );
    }

    return moved;
}

您可以在线编辑该文件（不推荐），也可以在单独的JS文件中覆盖默认的jQuery UI功能，该文件在jQuery UI之后但在创建对话框之前加载

$.widget("ui.dialog", $.ui.dialog, {
    _moveToTop: function( event, silent ) {
        //Logic from above
    }
});

对于jQuery UI（1.10+）、jQuery（1.10+）和CKEditor 3.6的版本，似乎可以工作：

_moveToTop: function( event, silent ) {
    var $parent = this.uiDialog.parent();
    var $elementsOnSameLevel = $parent.children();

    var heighestZIndex = 0;
    $.each($elementsOnSameLevel, function(index, element) {
        var zIndexOfElement = $(element).css('z-index');
        if (zIndexOfElement) {
            var zIndexOfElementAsNumber = parseInt(zIndexOfElement) || 0;
            if (zIndexOfElementAsNumber > heighestZIndex) {
                heighestZIndex = zIndexOfElementAsNumber;
            }
        }
    });
    var currentZIndex = this.uiDialog.css('z-index');

    var moved;
    if (currentZIndex >= heighestZIndex) {
        moved = false;
    } else {
        this.uiDialog.css('z-index', heighestZIndex + 1);
        moved = true;
    }

    if ( moved && !silent ) {
        this._trigger( "focus", event );
    }

    return moved;
}

您可以在线编辑该文件（不推荐），也可以在单独的JS文件中覆盖默认的jQuery UI功能，该文件在jQuery UI之后但在创建对话框之前加载

$.widget("ui.dialog", $.ui.dialog, {
    _moveToTop: function( event, silent ) {
        //Logic from above
    }
});

+1：非常感谢，朋友。。。正在进行其他猴子修补选项…：）+1：非常感谢，朋友。。。正在进行其他猴子修补选项…：）