Ckeditor对话框中的嵌套选项卡

时间:2015-12-09 05:31:59

标签: javascript tabs dialog nested ckeditor

Ckeditor提供了使用插件创建对话框的选项卡的功能。它使用dialog definition创建选项卡。例如:

CKEDITOR.dialog.add( 'testOnly', function( editor ) {
    return {
        title:          'Test Dialog',
        resizable:      CKEDITOR.DIALOG_RESIZE_BOTH,
        minWidth:       500,
        minHeight:      400,
        contents: [
            {
                id:         'tab1',
                label:      'First Tab',
                title:      'First Tab Title',
                accessKey:  'Q',
                elements: [
                    {
                        type:           'text',
                        label:          'Test Text 1',
                        id:             'testText1',
                        'default':      'hello world!'
                    }
                ]
            }
        ]
    };
} );

这会生成彼此相邻的标签。所以我的问题是:

  

如何使用此插件来设置嵌套标签?所以我可以   能够在父母下面有2-3个子/嵌套选项卡。

1 个答案:

答案 0 :(得分:2)

你做不到。 CKEditor API从未考虑过这样的用例。

但您可以尝试使用jQuery UI或Bootstrap等第三方解决方案。例如,Drupal 8将CKEditor与自定义对话系统结合使用。