Używam fantazyjnego pudełka do otwierania różnych funkcji edycji w wierszu div. Używam ajax, aby pobrać zawartość div, przenieść ją do div i otworzyć div w Fancybox. Przeważnie działa świetnie. Niektóre bloki edycji mają w sobie ckeditor, który ładuje się dobrze i głównie działa ... ale wyskakujące okienko / nakładki ckeditor (takie jak wklejanie ze słowa, selektory kolorów lub narzędzia graficzne) otwierają się pod oknem fancybox. Być może problem z indeksem Z, ale nie wiem, jak to naprawić:

Fantazyjny kod pudełka jest poniżej:

   function openEditBlock() {
      $.fancybox.open({
      src  : '#editBlock',
      type : 'inline',
      touch: false
    });
  }

Kod edytora CK poniżej:

    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/' ) ;        
0
Robert H 20 listopad 2019, 19:59

1 odpowiedź

Elementy fancybox mają wartości z-index od 99992 do 99995; ale 1) ckeditor umieszcza elementy okna dialogowego poza treścią, ponieważ ostatnie dzieci <body> i 2) używają dość niskich wartości początkowych dla indeksu z, na przykład selektor kolorów ma domyślnie 10006.

Na szczęście ckeditor pozwala skonfigurować indeksy Z, zlokalizować plik config.js i zmienić wartość baseFloatZIndex na coś takiego jak 100001 (patrz https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-baseFloatZIndex)

1
Janis 20 listopad 2019, 20:37
Działało idealnie. Dziękuję.
 – 
Robert H
27 listopad 2019, 17:14