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

How to set and lock the CKEditor window size?

本文关键字：锁定 CKEditor 窗口大小 设置 何设置      更新时间：2023-09-26

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

样式不起作用，包括文本区域标记中的显式样式或行属性。

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

使用以下配置设置：

起始高度和宽度：

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

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

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

请参阅：CKEditor&JavaScript-在CKEditor 中调整高度和宽度

如果你想将高度（可能还有宽度）设置为百分比，这个CKEditor 3.0高度可能会很有趣。

更新：

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

/**
 * 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
 *      (<span><span>...</span></span>). 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 )

这意味着我认为编辑器的大小只能在启动时设置是不对的，但这并没有给问题增加任何内容：）。

相关文章：