Question

CKEditor创建一个默认大小的可调整大小的窗口。是否可以将窗口设置为我想要的大小并防止其大小调整？

样式不起作用，包括textarea标记中的显式样式或行属性。

jQuery也不起作用（使用它的高度函数）。

Answer 1

使用以下配置设置：

起始高度和宽度：

config.height = '111px'; 
config.width = 111;

CkEditor窗口是否可以调整大小：

config.resize_enabled = false; //false says not resizable

您可以调整其大小，但可以控制方向（垂直或水平）以及最小值和最大值。

config.resize_dir = 'vertical'; //Can use (both, vertical, and horizontal)

高度：

config.resize_maxHeight = 111;
config.resize_minHeight = 111;

宽度：

config.resize_maxWidth = 111;
config.resize_minWidth = 111;

配置设置的CkEditor API在这里：
CKEDITOR.config API

它会告诉您每个设置的允许值和格式。

Answer 2

您可以在启动时设置编辑器的高度和宽度（仅限） - 有配置选项height和width。

请参阅：CKEditor & JavaScript - Adjust height and width in CKEditor

如果您想将高度（和宽度也可能）设置为百分比，则此CKEditor 3.0 Height可能会很有趣。

<强>更新

巧合的是，我今天发现了这个：

/**
 * Resizes the editor interface.
 * @param {Number|String} width The new width. It can be an pixels integer or a
 *      CSS size value.
 * @param {Number|String} height The new height. It can be an pixels integer or
 *      a CSS size value.
 * @param {Boolean} [isContentHeight] Indicates that the provided height is to
 *      be applied to the editor contents space, not to the entire editor
 *      interface. Defaults to false.
 * @param {Boolean} [resizeInner] Indicates that the first inner interface
 *      element must receive the size, not the outer element. The default theme
 *      defines the interface inside a pair of span elements
 *      (&lt;span&gt;&lt;span&gt;...&lt;/span&gt;&lt;/span&gt;). By default the
 *      first span element receives the sizes. If this parameter is set to
 *      true, the second span is sized instead.
 * @example
 * editor.resize( 900, 300 );
 * @example
 * editor.resize( '100%', 450, true );
 */
CKEDITOR.editor.prototype.resize = function( width, height, isContentHeight, resizeInner )

这意味着我不对，编辑器的大小只能在启动时设置，但它也不会在问题中添加任何内容：）。

如何设置和锁定CKEditor窗口大小？

2 个答案: