繁体   English   中英

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

[英]How to set and lock the CKEditor window size?

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

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

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

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

您可以在启动时设置编辑器的高度和宽度(仅限) - 有配置选项heightwidth

请参阅: 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 )

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM