如何停止内联ckeditor div调整大小

时间:2015-07-20 11:50:45

标签: javascript jquery html css ckeditor

我有一个div,其中contenteditable设置为true,我使用内联CKEditor实例进行编辑。

当我输入div时,它会在文字填满或按下返回时自然地在垂直方向上增长。

如果我设置了编辑器div的高度和最大高度CSS,那么div本身并没有增长但是编辑器继续让我一直输入文本页面(它突破了div)。

我希望能够做的是将内联编辑器区域锁定在100px的高度,理想情况下,不允许插入任何行。

任何想法都非常感激。

3 个答案:

答案 0 :(得分:1)

经过一番游戏,我找到了答案,很简单。只需将高度和overflow-y:auto应用于包含div的css。是一种享受:)

答案 1 :(得分:0)

配置高度并关闭自动增长:

config.autoGrow_onStartup = false,
config.resize_enabled = false,
config.height = '500px';

答案 2 :(得分:0)

您必须在初始化ckeditor期间设置高度和宽度

config.height = 500;        // 500 pixels high.
config.height = '25em';     // CSS unit (em).

禁用调整大小

config.resize_enabled = false;

参考:http://docs.ckeditor.com/#!/guide/dev_size