Question

我在Bootstrap选项卡中使用了多个CKeditors（最新版本，4.5.7）。我想将autogrow添加到编辑器中，因此它们始终适合内容。我安装了插件，并在我的配置中有这个：

config.autoGrow_minHeight = 500;
config.autoGrow_onStartup = true;

它适用于第一个（可见）编辑器，但是当我单击一个选项卡时，其他编辑器是MASSIVE - 数千像素高。只要我在编辑器中单击它就会调整到正确的大小。

以下是完整演示：http://85.159.215.184/cke-grow/ - 点击标签2查看问题。

这可能是CKeditor中的错误，但由于他们的错误报告网站无法正常工作，我在这里要求以防万一有简单的修复或解决方法。有什么帮助吗？

Answer 1

我找到了一个解决方案：切换标签时自动对焦编辑器。

// hook into Bootstrap's tab JS
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    // get the ID of the textarea (I have IDs based on the tab pane ID)
    var paneId = $(this).attr('href').replace('#', '');
    var textareaId = 'content-'+paneId;
    // get the CKEditor instance and focus it
    CKEDITOR.instances[textareaId].focus();
});

Bootstrap选项卡中的CKeditor自动增长插件

1 个答案: