Twitter Bootstrap - 带有 ckeditor 的选项卡答案

【问题标题】：Twitter Bootstrap - tabs with ckeditorTwitter Bootstrap - 带有 ckeditor 的选项卡
【发布时间】：2014-05-06 18:15:41
【问题描述】：

我正在尝试在两个引导选项卡中触发 ckeditor。问题是我需要有相同的 textarea 输入名称“body”，它会自动阻止 ckeditor 的第二个实例启动。我确实需要这个，因为两个实例都将输入到数据库上的同一字段。从我读过的内容来看，我相信这可能可以使用一些 jquery 引导选项卡事件来解决，但我没有掌握它。我想我需要能够在切换时禁用第一个实例才能触发第二个实例，但我不确定如何做到这一点。谁能分享一些关于如何实现这一目标的见解？

详细说明一下，我一直在尝试围绕这些假设做一些事情，但没有任何效果......

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    var editor = CKEDITOR.instances['body'];
    if (editor) { editor.destroy(true); }
    CKEDITOR.replace('body');
});

或

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    if (CKEDITOR.instances['body']) {
    CKEDITOR.instances['body'].destroy();

或

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        function startEditor(){
            if (CKEDITOR.instances.body){
                CKEDITOR.instances[body].destroy(true);
                CKEDITOR.replace( 'body');
            }
        }
        function destroyEditor(){
            if (CKEDITOR.instances.body){
                CKEDITOR.instances[body].destroy(true);
            }
        }
        $(e.relatedTarget).destroyEditor();
        $(e.target).startEditor();
    });

【问题讨论】：

标签： jquery twitter-bootstrap tabs ckeditor

【解决方案1】：

几个小时后，我找到了答案，而且是一个非常基本的答案。只需要按类而不是按文本区域调用 ckeditor。

class="ckeditor"

【讨论】：