gpt4 book ai didi

javascript - 在 Fancy Box 中运行 CKEditor : Editor popups/overlays focus behind fancybox overlay

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

我正在使用花式框在行内 div 中打开各种编辑功能。我使用ajax获取div内容,将其移动到div中,然后在Fancybox中打开div。大多数情况下效果很好。一些编辑 block 中包含 ckeditor,加载良好且大部分工作正常...但是 ckeditor 弹出窗口/覆盖层(如从 Word 粘贴、颜色选择器或图像工具)在 fancybox 窗口下方打开。可能是 z-index 问题,但不确定如何修复它:

花哨的盒子代码如下:

   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 将对话框元素放置在内容之外,作为 <body> 的最后一个子元素2) 使用非常低的 z-index 起始值,例如颜色选择器默认为 10006。

幸运的是,ckeditor 允许配置 z 索引、定位 config.js 文件并更改 baseFloatZIndex 的值类似于 100001 (参见https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-baseFloatZIndex)

关于javascript - 在 Fancy Box 中运行 CKEditor : Editor popups/overlays focus behind fancybox overlay,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58959646/

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