CKEdtior多个编辑器相同的工具栏

时间:2016-08-05 09:07:13

标签: javascript jquery ckeditor

我试图找到一种在同一页面上有几个CKEditor的简洁方法,但只有一个工具栏。

我已经实现了这个目标:

HTML

<textarea id="editor1" class="editor"></textarea>
<br/>
<textarea id="editor2" class="editor"></textarea>
<br/>
<textarea id="editor3" class="editor"></textarea>

JavaScript的:

$('.editor').each(function(){
    CKEDITOR.replace($(this).attr('id'), {
        extraPlugins: 'sharedspace',
        removePlugins: 'resize,elementspath',
        sharedSpaces: {
            top: 'toolbar'
            }
        });
    });

但希望有更简洁的方法来实现它。

编辑:最终解决了这个问题。

// update your config.js accordingly, feel free to add more settings if you like
CKEDITOR.editorConfig = function(config){
    extraPlugins: 'sharedspace',
    removePlugins: 'resize,elementspath',
    sharedSpaces: {
       top: 'toolbar'
       }
    };

// this will transform your textareas will class "editor" to CKEditos
// the id attribute in the textarea element seems to be necessary.
CKEDITOR.replaceClass = 'editor';

欢迎任何想法。

0 个答案:

没有答案