CKeditor自动增长插件在引导选项卡内
CKeditor autogrow plugin inside Bootstrap tabs
我在引导选项卡中使用了多个 CKeditors(最新版本,4.5.7(。我想将自动增长添加到编辑器中,以便它们始终适合内容。我安装了插件,并在我的配置中安装了它:
config.autoGrow_minHeight = 500;
config.autoGrow_onStartup = true;
它适用于第一个(可见(编辑器,但是当我单击一个选项卡时,其他编辑器是巨大的 - 数千像素高。一旦我在编辑器中单击,它的大小就会调整为正确的大小。
下面是一个完整的演示:http://85.159.215.184/cke-grow/- 单击选项卡 2 以查看问题。
这可能是 CKeditor 中的一个错误,但由于他们的错误报告网站不起作用,我在这里询问以防有简单的修复或解决方法。有什么帮助吗?
我想出了一个解决方案:在切换选项卡时自动聚焦编辑器。
// 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();
});
相关文章:
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- 使用内容脚本中的“简单首选项”打开插件的选项页
- Select2js插件无法选择任何选项
- Chrome扩展插件:runtime.last运行tabs.get/tabs.remove时出错:没有id为0的选项卡
- 解析和填充 jQuery 插件的选项数组
- Tinymce插件 - 如何从多个选项卡中获取数据
- 我们是否有任何通用脚本/ jquery插件可以在通过ajax选项卡加载的内容上应用javascript
- 如何按字母顺序对select2(jQuery插件)选项进行排序
- 动态添加选项以选择多个JQuery插件
- JQuery:如何强制选择一个选项为"选择“;,使用FancySelect插件
- Firefox插件:如何根据平台设置默认首选项
- 将选项添加到插件msDropdown生成的下拉列表的最佳方式是什么
- jquery插件选项数组,防止数组覆盖
- 在jquery插件中定义选项的正确位置
- asmselectjquery插件-多次选择选项
- JCrop使用集合选择选项时插件已损坏
- 数据插件选项筛选器不工作
- AngularJS-jquery插件SelectBoxIt在ng个选项完成填充select之后
- Jquery插件使用第二个实例's选项
- 在jQuery UI选项卡中显示WordPress插件设置