CKeditor - 同一页面中的不同预设

时间:2014-08-15 14:57:25

标签: ckeditor textarea preset

我在网页上使用了CKeditor。我想在同一页面中设置不同的预设。例如,我想在一个textarea中使用Standard CKeditor而在另一个中使用Basic ...

有人知道我该怎么办?

非常感谢!

1 个答案:

答案 0 :(得分:1)

您需要下载CKEditor版本,其中包含您要在最先进的配置中使用的所有插件,然后" trim"在初始化你想要更有限的编辑器时它会失效。

例如,如果您想要一个带有标准预设的编辑器和一个带有基本编辑器的编辑器,您应该使用标准预设下载编辑器,因为它将具有基本预设所需的所有插件。然后在没有任何额外配置的情况下初始化一个编辑器:

CKEDITOR.replace( 'editor-std' );

第二个包含基本编辑器使用的选项:

CKEDITOR.replace( 'editor-basic', {
    // Plugins used by basic preset.
    plugins: 'about,basicstyles,clipboard,floatingspace,list,indentlist,enterkey,entities,link,toolbar,undo,wysiwygarea',

    // The toolbar groups arrangement, optimized for a single toolbar row.
    toolbarGroups: [
        { name: 'document',    groups: [ 'mode', 'document', 'doctools' ] },
        { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
        { name: 'editing',     groups: [ 'find', 'selection', 'spellchecker' ] },
        { name: 'forms' },
        { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
        { name: 'paragraph',   groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
        { name: 'links' },
        { name: 'insert' },
        { name: 'styles' },
        { name: 'colors' },
        { name: 'tools' },
        { name: 'others' },
        { name: 'about' }
    ],

    // 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',

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

您也可以将此配置保存在类似于config.js的文件中,您可以在CKEditor主目录中找到该文件,并以这种方式使用它:

CKEDITOR.replace( 'editor-basic', { customConfig: 'config-basic.js' } );

从哪里获得预设' CONFIGS?

没有可以使用的配置,但您可以在CKEditor presets存储库中找到所有必要的设置。正如您所知,我使用basic-ckeditor-config.js文件并使用basic-build-config.js中的插件对其进行了扩展。