1

インスタンスを作成しているDIVとは別のDIVにツールバーを接続してckeditorインスタンスを作成する方法を理解しようとしています。構成配列でconfig.sharedSpaces={top：'divid'}を設定できることがわかります（少なくとも古いバージョンでは可能です）が、構成ページでは実行できません。ページで実行する必要があります。でインスタンスを作成しています。誰かがこれを行う方法を知っていますか？

インスタンスの作成方法は次のとおりです。

CKEDITOR.replace( 'editor', {
        toolbarGroups: [
            { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
            { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
            { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
            { name: 'colors' },
            { name: 'styles'},
            { name: 'paragraph', groups: [ 'list', 'align' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote' ] },
            { items: [ 'Image', 'Table', 'HorizontalRule', 'SpecialChar' ] },
            { name: 'links' },
            { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
            { name: 'tools'}
        ]
    });

はい、clone（）を使用できることは知っていますが、使用できないことはわかっていますが、よりクリーンなソリューションを望んでいました。

4

3 に答える 3

0

CKEditor 4.1+ では、オプションの共有スペースプラグインを使用できます ( CKEditor ビルドに追加する必要があります)。

<div id="top">
    <!-- This div will handle all toolbars. -->
</div>

<div>
    <textarea id="editor1" name="editor1">My editor content</textarea>
</div>

<script>
    CKEDITOR.replace( 'editor1', {
        // Configure CKEditor to use the Shared Space plugin.
        extraPlugins: 'sharedspace',
        // The Resize plugin does not make sense in this context.
        removePlugins: 'resize',
        sharedSpaces: {
            // Configure the editor instance to place the toolbar in the div id='top'.
            top: 'top'
        }
    } );
</script>

コード例を含む「共有ツールバーとボトム バー」ドキュメントと、コピーおよびダウンロードするソース コードを含む動作デモを参照してください。

于 2014-11-20T13:01:45.170 に答える
0

共有スペース機能は CKEditor 4.0 では利用できません。すぐにCKEditor 4.1で再導入される予定です-チケットを参照してください(既にmajorにマージされています)。

于 2013-02-17T20:45:36.210 に答える