2016-03-29 21 views
0

http://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/ adresinde bulunan jQuery modal iletişim sınıfını kullanmaya çalışıyorum ve şu ana kadar mükemmel çalışıyor.Bir Modal İletişim Kutusunda TinyMCE Kullanma

Sahip olduğum tek sorun, TinyMCE ile, formda TinyMCE kullanmak istiyorum. Ve TinyMCE örneğini başarıyla yükledim ancak şimdi, görüntü veya bağlantı oluşturucu pencereleri gibi, açılır pencereden başka bir pencere açıldığında, açılır pencerede metin kutularını düzenleyemiyorum.

Konsol günlüğünü kontrol ettim ve herhangi bir çakışma veya hata görmedim, Herkes olası nedenlerden dolayı yardımcı olabilir mi?

TinyMCE Örnek:

<script> 
    tinymce.init({ 
      selector: 'textarea', 
      relative_urls: false, 
      remove_script_host: false, 
      document_base_url: "https://mysite.co.za/", 
      height: "360", 
      fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", 
      font_formats: "Andale Mono=andale mono,times;" + 
        "Arial=arial,helvetica,sans-serif;" + 
        "Arial Black=arial black,avant garde;" + 
        "Book Antiqua=book antiqua,palatino;" + 
        "Comic Sans MS=comic sans ms,sans-serif;" + 
        "Courier New=courier new,courier;" + 
        "Georgia=georgia,palatino;" + 
        "Helvetica=helvetica;" + 
        "Impact=impact,chicago;" + 
        "Symbol=symbol;" + 
        "Tahoma=tahoma,arial,helvetica,sans-serif;" + 
        "Terminal=terminal,monaco;" + 
        "Times New Roman=times new roman,times;" + 
        "Trebuchet MS=trebuchet ms,geneva;" + 
        "Verdana=verdana,geneva;" + 
        "Webdings=webdings;" + 
        "Wingdings=wingdings,zapf dingbats", 
      plugins: "image,advlist, table, autolink, charmap, code, colorpicker, contextmenu,link, lists, paste, preview, searchreplace, spellchecker, textcolor, wordcount,emoticons", 
      toolbar: "fontselect | fontsizeselect | forecolor | backcolor | bold | italic | underline | alignleft | aligncenter | alignright | alignjustify | bullist | numlist | outdent | indent | link | image | print | media | code", 
      tools: "inserttable", 
      contextmenu: "link image inserttable | cell row column deletetable" 
     }); 
</script> 

Modal Popup Örneği

$("#new").click(function() { 
     BootstrapDialog.show({ 
      title: 'Document', 
      message: $('<div></div>').load('https://mysite.co.za/modals/document_editor.php'), 
      buttons: [{ 
        icon: 'glyphicon glyphicon-send', 
        label: 'Submit', 
        cssClass: 'btn-primary', 
        autospin: false, 
        action: function (dialogRef) { 
          $("#form").submit(); 
          dialogRef.enableButtons(false); 
          dialogRef.setClosable(false); 
          dialogRef.getModalBody().html('<strong>Saving...</strong>'); 
        }}, {label: 'Close', action: function (dialogRef) { 
         dialogRef.close(); 
        }}]});   
    }); 

cevap

2

Özyükleme modal o (tasarım gereği) etkinken odağı alma başka bir şey durur kodu vardır.

(Bu, kod örneğinde zaten jQuery kullanarak vardır sakıncası varsayar)

$('#myModal').on('shown.bs.modal', function() { 
    $(document).off('focusin.modal'); 
}); 

: Sen aşağıdaki gibi kod ile bu geçersiz kılmak gerekir

İlgili konular