问题描述
1、在一个弹出的Window窗体中,加载ckeditor编辑器,可以正常的显示出来,但是当选择图片上传那个工具条时,弹出的浏览图片的那个对话框没在Window窗体的前面!即躺在了Window窗体后面去了,相当于被窗体给覆盖掉了。
2、当选择ckeditor的样式、格式、字体、大小等这样的下拉框时,也会出现类似的情况,下拉框没有显示,而是显示在Window窗体的后面,被Window窗体遮挡住了。
从以上两个问题的描述可想而知,肯定是extjs Window窗口的z-index的值大于ckeditor的z-index的值,如果去修改extjs Window窗口的z-index是不合理的,最简单的方式是修改ckeditor的z-index,ckeditor提供了对z-index值的配置。
关键配置是如下:
config.baseFloatZIndex = 19900;
CKEDITOR.editorConfig = function( config )
{
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
config.baseFloatZIndex = 19900;
};
根据实际情况去修改z-index的值大于extjs Window窗口的z-index的值即可解决问题