CKFinder產生：“ TypeError：f.config未定義”

Question

我正在嘗試將CKFinder與CKEDitor 4.4.7集成在一起，並在頁面加載時出現以下錯誤：

TypeError: f.config is undefined  
ckfinder.js (line 6, col 12104)
...;var p=o.indexOf('?')!== -1?'&':'?';f.config.filebrowserBrowseUrl=o;f.config...
                                           ^^^^^^^^

這是示例頁面：

    <script type='text/JavaScript' src='/includes/static/js/ckeditor/ckeditor.js'></script>
    <script type='text/JavaScript' src='/includes/static/js/ckfinder/ckfinder.js'></script>
    <p>entry box

    <form action='test.php' method='post'>
        <p>

            <textarea class='ckeditor' id='citation' name='citation'>citation</textarea>
            <script>
                CKEDITOR.replace( 'citation', {
                    uiColor: '#FFF6DA',
                    allowedContent: true,
                    filebrowserBrowseUrl: '/includes/static/js/ckfinder/ckfinder.html',
                    filebrowserImageBrowseUrl: '/includes/static/js/ckfinder/ckfinder.html?type=Images',
                    filebrowserFlashBrowseUrl: '/includes/static/js/ckfinder/ckfinder.html?type=Flash',
                    filebrowserUploadUrl: '/includes/static/js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
                    filebrowserImageUploadUrl: '/includes/static/js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
                    filebrowserFlashUploadUrl: '/includes/static/js/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash',                          

                     height:100 
                });

                CKEDITOR.instances['citation'].on('instanceReady', function() {
                    // Output self-closing tags the HTML4 way, like <br>.
                    this.dataProcessor.writer.selfClosingEnd = '>';


                });                 

                CKFinder.setupCKEditor( 'citation', '/includes/static/js/ckfinder/' );

            </script>
        <input type='submit'>
    </form>

可能由於上述f.config錯誤而未創建上載按鈕：

這是ckeditor / config.js：

CKEDITOR.editorConfig = function( config ) {

    // The default plugins included in the basic setup define some buttons that
    // are not needed in a basic editor. They are removed here.
    config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';

    config.extraPlugins = 'justify,onchange';

    // Dialog windows are also simplified.
    config.removeDialogTabs = 'link:advanced';

    config.disableNativeSpellChecker = false;

};

和未修改的ckfinder / config.js：

CKFinder.customConfig = function( config )
{
        // Define changes to default configuration here. For example:
        // config.skin = 'v1';
        // config.language = 'fr';
};

是什么原因導致f.config錯誤？

Answer 1

CKFinder.setupCKEditor需要一個實例，而不是編輯器的ID。

采用：

CKFinder.setupCKEditor( CKEDITOR.instances['citation'], '/includes/static/js/ckfinder/' );

或者只是將null作為第一個參數傳遞。 有關更多信息，請訪問http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration