CKEditor的。如何关闭自动增长(设置恒定高度)

时间:2012-07-18 10:44:30

标签: javascript configuration ckeditor

我使用自动增长插件并且在某些情况下需要转向它。并设定恒定高度......但我该怎么做呢?没有找到任何关于如何动态启用/禁用插件的文档。

2 个答案:

答案 0 :(得分:2)

您可以为每个实例设置配置。

以下示例包括关闭自动增长和通过设置高度和禁用调整大小来设置恒定高度的配置设置。

如果要修改特定实例的一组配置设置,可以调用自定义配置文件:

CKEDITOR.replace( 'textareaID',
{
  customConfig : 'customConfigSettingsA.js';
});

否则,只需在创建实例时在文件中包含设置。

CKEDITOR.replace( 'textareaID',
{
  config.autoGrow_onStartup = false,
  config.resize_enabled = false,
  config.height = '111px';
});

您还可以加载共享的自定义配置文件并同时设置特定设置:

CKEDITOR.replace( 'textareaID',
{
  customConfig : 'customConfigSettingsA.js',
  config.autoGrow_onStartup = false,
  config.resize_enabled = false,
  config.height = '111px';
});

有关控制宽度,高度,可调整性和最小/最大尺寸设置的其他配置设置,请参阅此帖子:

How to set and lock the CKEditor window size?

答案 1 :(得分:0)

感谢codewaggle和

oleq jQuery UI Resizable in CKEditor

这是我如何实施他们的建议:

<form .....  onload="CKStart()">
.....
<div id="resizable" style="overflow: hidden; max-height:240px;">
    <ckeditor:editor name="content" id="myCKEditor" height="200px" width="100%" >
    </ckeditor:editor>
  </div>


...

</form>

<script>

function CKStart(){
  var editor = CKEDITOR.replace( 'myCKEditor', {
    autoGrow_onStartup: false,
        resize_enabled: false,
    height: '200px'

    });
}
</script>

它确实有效 - 没有调整大小