2

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

有谁知道我该怎么做??

非常感谢你!

4

1 回答 1

3

您需要下载 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.

于 2014-08-16T10:00:52.167 回答