CKeditor语言 - 不同的预设在同一页

Question

我在我的网页中使用CKeditor。我想在同一个页面上设置不同的预设。例如，我想在一个文本区域使用标准CKeditor，在另一个文本区域使用Basic…

有谁知道我该怎么做吗?

非常感谢!

Answer 1

你需要下载CKEditor版本，其中包含你想在最先进的配置中使用的所有插件，然后在初始化编辑器时"修剪"它，你想要更多的限制。

例如，如果你想要一个标准预设的编辑器和一个基本预设的编辑器，你应该下载标准预设的编辑器，因为它会有基本预设所需的所有插件。然后初始化一个编辑器，不需要任何额外的配置:

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' } );

在哪里得到预设的配置?

没有现成的配置，但是你可以在CKEditor预设存储库中找到所有必要的设置。您会发现我使用basic-ckeditor-config.js文件并使用basic-build-config.js的插件扩展它。