如何改变CKEditor的位置?

时间:2014-05-05 13:52:06

标签: ckeditor css-position

我有一个新的页面设计,其中CKEditor4的textarea(在 div编辑器中)位于左侧垂直面板旁边( { {1}}面板)。当用户点击"关闭面板"时,面板会折叠, div编辑器的所有内容都会向左移动,div除外。

我需要一个CKEditor4方法(或函数),它在运行时(不仅是config)中设置浏览器X空间中位置(相对或绝对)的值。 它类似于textarea方法,但我没有看到任何" editor.reposition()"方法...... 它存在吗?有一些解决方法(例如使用jQuery)?


作为参考,在面板配置中更改的CSS ...

当HTML以"关闭的面板",

开头时
editor.resize()

当HTML以"打开的面板",

开头时
  div.editor  {padding-left:0; } 

类似的问题:resize CKEditor4 by windows.resize events


图片:没有和左侧面板。

enter image description here enter image description here

1 个答案:

答案 0 :(得分:1)

我不知道您的布局是如何定义的,但我确实使用main container#container)div和left panel #leftpanel构建了一个布局)和right panel with an editor#editor),我使用JQuery中的.hide().show()方法来隐藏和显示#leftpanel(您可以使用JQuery {{1 }}展开和折叠左侧面板或任何你想要的方法,.toggle() ...等)和.slideUp() div以及内容(ckeditor)总是按预期调整大小

使用#editor的简短示例:

.toggle()

我不知道这是否是你需要的,但希望这会有所帮助。