对话框输入中的Tinymce jQueryUI对话框无法点击

时间:2015-11-21 07:31:35

标签: jquery jquery-ui modal-dialog tinymce

我将此代码用于tinymce:

tinymce.init({
    selector: "#description",
    theme: "modern",
    mode: "exact",
    width: 840,
    height: 250,
    plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
         "save table contextmenu directionality emoticons template paste textcolor"
   ],
   content_css: "",
   toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
   toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
    image_advtab: true ,
   //toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | preview media fullpage | forecolor backcolor emoticons", 
   external_filemanager_path:"/filemanager/",
   filemanager_title:"Responsive Filemanager" ,
   external_plugins: { "filemanager" : "/filemanager/plugin.min.js"},
   menubar:"",
   relative_urls: false,
   remove_script_host: false,
   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'}
    ],
   setup: function (ed) {
        ed.on("change", function () {
            TinyMceValid(ed);
        })
   }
});

function TinyMceValid(inst) {
    tinyMCE.triggerSave();
    $("#" + inst.id).valid();  
}

并使用此代码解决此问题但它不适用于我

jQuery(function ($) {      
   $.widget("ui.dialog", $.ui.dialog, {
  _allowInteraction: function(event) {
  return !!$(event.target).closest(".mce-container").length || this._super( event );
    }
  });
});

我也使用过这个解决方案:

$(document).on('focusin', function(e) {
  if ($(event.target).closest(".mce-window").length) {
    e.stopImmediatePropagation();
 }
});

此解决方案适用于localhost,但不适用于实时服务器,因此请提供此问题的任何解决方案,以便在实时服务器上运行。

0 个答案:

没有答案