Ckeditor

Question

numaralı iletişim kutusundaki bir dialog öğesine select2'yi ckeditor içinde bir iletişim öğesinde javascript eklentisi kullanabilir miyim?

Oluşturduğum bir pencere öğesinde bir iletişim seçme öğesinde select210 eklentisini uygulamak istiyorum.

i

/* plugin.js */ 

    editor.on('instanceReady',function() { 
    CKEDITOR.document.appendStyleSheet(plugin.path + select2/select2.css"); 
    }); 

    CKEDITOR.scriptLoader.load(js.select2); 

/* element definition in dialog.js */ 
{ 
    id: 'objectId', 
    type: 'select', 
    label: 'Object Name', 
    items: [['Select', '-1']....], 
    onLoad: function (widget) { 
      var selectbx = $('#' + selectList.getInputElement().id); 
      selectbx.select2(); 

        }, 

eğer öyleyse kullanılan, nasıl?

Answer 1

onLoad() üzerinde select2() işlevi düzgün çalışıyor. Tek sorun, açılır kapanır ve liste iletişim kutusunun arkasında bir yerde açılır.

div.cke_dialog_ui_input_select, 
.cke_dialog_ui_input_select{ 
    width: 100%; 
} 

.select2-drop{ 
    z-index: 100000;  
} 

Answer 2

select2 4.x ile bu css me"

div çalıştı: Ben seçmek açılan z-index ve CKEditor genişliğini düzeltmek için CSS birazcık bu tür şeyler oldu. cke_dialog_ui_input_select,

.cke_dialog_ui_input_select { 
    width: 100%; 
} 

.select2-container { 
    z-index: 10010; 
} 

.select2-container .select2-selection--single { 
    position: relative; 
}