Textbox TinyMCE modal kutusunda tıklanamaz

Question

Bir modal açıyor ve bu modalda açılan bir 'Add image' kutusunu tıklatmanız mümkün olan bir 'New Blog Post' düğmesi içeren bir istemci için bir panel geliştiriyorum başka bir model. Buradaki sorun, 'Resim ekle' modal kutusunun tıklanabilir olması beklenen metin kutuları içermesidir, ancak bunlar değil.

Z-Index'in bu konuyla ilgilenip ilgilenmediğini görmek için denedim, ancak sorunun çözümünde hiç şansım olmadı.

Bu modellerde Bootstrap ve TinyMCE (düzenleme için) bulunur. http://olidev.me/testpanel/:

Burada bulunabilir 'Amerikan sitesi' sekmesi altında, click 'Blog Yayını Ekle' ve ardından 'Post' alan ve 'Insert görüntüde' de araç çubuğunda 'Ekle' sekmesine tıklayın.

Bu soruna kafa karıştırıcı erişim için özür dileriz, ancak umarım kolayca çözülebilir.

DÜZENLEME: 'CKEDITOR' adında başka bir uygulama denedim ve aynı sorun oluştu, bu 3 modelin birbiriyle çakıştığı için mi?

Answer 1

Eğer Bootstrap kullanarak bu yana (ayrıca jQuery UI Dialog için geçerlidir) tıklayıp edemez böylece başlattığı, TinyMCE kalıcı pencere odağı kaybediyor:
İşte TinyMCE FAQ sayfasından resmi cevaptır içeride. Aşağıdaki kod, bunun olmasını engelleyecektir. kod

TinyMCE in a jQuery UI dialog

TinyMCE kısmı:

tinymce.init({ 
    selector: "textarea", 
    plugins: [ 
    "advlist autolink link image lists charmap print preview hr anchor pagebreak", 
    "searchreplace visualblocks visualchars code fullscreen insertdatetime media 
    nonbreaking", 
    "save table contextmenu directionality emoticons paste textcolor" 
    ], 
    toolbar: "insertfile undo redo | styleselect | bold italic | 
alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | 
link image | print preview media fullpage | forecolor backcolor emoticons", 
    style_formats: [ 
     {title: 'Bold text', inline: 'b'}, 
     {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, 
     {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, 
     {title: 'Example 1', inline: 'span', classes: 'example1'}, 
     {title: 'Example 2', inline: 'span', classes: 'example2'}, 
     {title: 'Table styles'}, 
     {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} 
    ] 
}); 

JQuery Modal odak düzeltme:

// prevent Bootstrap from hijacking TinyMCE modal focus  
$(document).on('focusin', function(e) { 
     if ($(e.target).closest(".mce-window").length) { 
      e.stopImmediatePropagation(); 
     } 
    }); 

JSFiddle

Answer 2

Görüntü eklemeye ilişkin söylediklerinizi inceledikten sonra, videolarda da aynı davranışı buldum. Ve nedenini düşünmeye itti. Bunun nedeni, TinyMCE'de MoxieManager gibi dosyaları işlemek için bir dosya yöneticisi eklentisi kullanmanız gerekiyor.

Eğer resim/video pencereler gibi görünecektir, o olduğunda:

Sonra seçip dosyaları kabul etmek mümkün olacak.