創建文件上傳按鈕時ckeditor錯誤

Question

我正在使用下面的代碼來創建一個ckeditor插件來上傳圖像。 當我嘗試創建ckeditor對話框時，出現以下錯誤。 下面的代碼是我從下面的鏈接中提取的。 http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dialog.definition.button.html

在chrome中：

未捕獲的TypeError：無法讀取未定義的屬性“ _”

在Firefox中：

b.getContentElement（...）未定義

任何幫助將是巨大的。

{
    type : 'file',
    id : 'upload',
    label : 'Select file from your computer',
    size : 38
},
{
    type : 'fileButton',
    id : 'fileId',
    label : 'Upload file',
    'for' : [ 'tab1', 'upload' ],
    filebrowser : {
        onSelect : function( fileUrl, data ) {
            alert( 'Successfully uploaded: ' + fileUrl );
        }
    }
},

Answer 1

我認為您那里沒有的是“代碼”。 正如您粘貼的文檔所說，僅僅是初始化對話框中的按鈕所必須執行的對象定義：

此類實際上不是API的一部分。 它僅說明了開發人員可以用來定義和創建按鈕的屬性。

打開對話框后，創建的元素將成為CKEDITOR.ui.dialog.button對象，可以使用CKEDITOR.dialog＃getContentElement進行訪問。 有關對話框定義的完整示例，請檢查CKEDITOR.dialog.add。

然后，如果我們檢查以下內容： http : //docs.ckeditor.com/#!/api/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!'
                    }
                ]
            }
        ]
    };
} );

然后似乎您需要使用准備好的對象調用方法CKEDITOR.dialog.add 。 （無論如何，我沒有檢查對象中所有的數據和格式）此示例應該可行。

無論如何，您應該檢查同一文檔的這一部分，並確保您需要哪個對話框/插件。

希望對您有幫助。