javascript - 在 CKEDitor 中最大化/调整对话框窗口的大小

标签 javascript css ckeditor

我需要以编程方式最大化/调整 CKEditor IFrame 对话框(即带有“确定”和“取消”按钮的 CKEditor 对话框,以及其中的 iframe)。我需要对话框在屏幕上居中。

我只能看到调整窗口大小和重新定位窗口的函数,但要使用这些函数,我必须先计算窗口尺寸以重新居中。出于多种原因,这很愚蠢,API 应该完全处理这个问题。

是否有官方 API 函数可以执行此操作,或者是否有安全的解决方法?

我可以使用 JQuery,但我真的很想为此使用 native 函数。

最佳答案

如果您同时具有调整大小和重新定位功能,那么执行一个功能就不会那么难:

(这是伪javascript,因为我没有时间打磨它,所以基本上是想法)

function dialogResizeCentered (d,w,h){ //d-dialog, w,h-width, height
  var sw,sh; //screenwidth, screenheight
  var rx,ry; //null atm, for resize x, resize y
  get sw, sh from window. object
  rx = parseInt(sw/2-w/2);
  ry = parseInt(sh/2-h/2);
  d.call resize (w,h);
  d.call reposition(rx,ry);
}

然后您可以随时调用 dialogResizeCentered(d,600,400);

还是?

或者如果你想让你的对话框保持居中,我确定有类似 window.onResize 事件来调用这个函数。

希望我理解正确:)

关于javascript - 在 CKEDitor 中最大化/调整对话框窗口的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2222904/

相关文章:

javascript - 如何从CKeditor获取数据到数据库?

javascript - jquery ajax将变量从一个函数获取到另一个php

javascript - WebGL 中的索引缓冲区?

javascript - 动态插入分页符

html - CKEditor 允许 <span> 在 <a> 标签内

jquery - 多个图像部分相互覆盖的视差效果

javascript - setTimeout 不等待指定的毫秒数

javascript - 单选按钮在 Vue.js 中无法正常工作

css - scss 不是从应用程序目录 Angular 6+ 编译的

html - 仅带波纹动画 CSS 的戒指