代码之家 › 专栏 › 技术社区 › Arie Livshin

tinymce:编辑器中的中心对话框窗口(windowmanager.open)

tinymce-4 tinymce typescript html javascript

Arie Livshin · 技术社区 · 6 年前

当我使用editor.windowmanager.open在tinymce中打开一个对话框窗口时,它在屏幕上居中。我希望它集中在编辑器中。

如何处理这个问题?我可以控制窗口的位置吗?

1 回复 | 直到 6 年前

Arie Livshin 6 年前

id: 'xxx-dialog',                           
onopen: function() {                                
   // Forcibly center dialog                                
   if ($("head #added-xxx-dialog-CSS").length == 0) // only once
   {
      $("#xxx-dialog .mce-dragh").remove(); // disable dragging of dialog
      var mceHeight=$(".mce-tinymce").height();
      var mceTop=$(".mce-tinymce").position().top;
      var thisHeight=$("#xxx-dialog").height();
      var newTop=mceHeight/2+mceTop-thisHeight/2;
      $("head").append('<style id="added-xxx-dialog-CSS"
      type="text/css">#xxx-dialog {top:'+newTop+'px !important;}</style>');                                 
    }
}, // etc...