Javascript 在fancybox中运行CKEditor:编辑器弹出窗口/覆盖焦点位于fancybox覆盖后面
我使用fancy box在一个内嵌div中打开各种编辑函数。我使用ajax获取div内容,将其移动到div中,然后在Fancybox中打开div。大部分都很有效。有些编辑块中有ckeditor,可以很好地加载,并且大部分都可以工作。。。但是,在fancybox窗口的下方,会打开诸如“从word粘贴”、“颜色选择器”或“图像工具”等ckeditor弹出/覆盖窗口。可能是z索引问题,但不确定如何解决: 花式盒子代码如下:Javascript 在fancybox中运行CKEditor:编辑器弹出窗口/覆盖焦点位于fancybox覆盖后面,javascript,ckeditor,fancybox-3,Javascript,Ckeditor,Fancybox 3,我使用fancy box在一个内嵌div中打开各种编辑函数。我使用ajax获取div内容,将其移动到div中,然后在Fancybox中打开div。大部分都很有效。有些编辑块中有ckeditor,可以很好地加载,并且大部分都可以工作。。。但是,在fancybox窗口的下方,会打开诸如“从word粘贴”、“颜色选择器”或“图像工具”等ckeditor弹出/覆盖窗口。可能是z索引问题,但不确定如何解决: 花式盒子代码如下: function openEditBlock() { $.f
function openEditBlock() {
$.fancybox.open({
src : '#editBlock',
type : 'inline',
touch: false
});
}
CK编辑器代码如下:
var editor1 = CKEDITOR.replace('editor1_content',
{
extraPlugins: 'stylesheetparser', // load the plugin
contentsCss: '../css/editor_cmsPages.css', // load custom stylesheet
stylesSet: [], // Do not load the default Styles configuration.
height: '480px',
width: '780px',
});
CKFinder.setupCKEditor(editor1, 'wysfind/' ) ;
fancybox元素的z索引值介于99992到99995之间;但是1 ckeditor将对话框元素放置在内容之外,因为和2的最后一个子元素使用了非常低的z索引起始值,例如,颜色选择器默认为10006
幸运的是,ckeditor允许配置z索引、定位config.js文件并将baseFloatZIndex的值更改为smth,如100001 see运行良好。谢谢