如何为CKEditor 4.0启用所有三个(基本,标准,完整)包?

时间:2016-02-27 08:13:05

标签: ckeditor

我正在使用CKEditor 4.0,我打算为我的网站使用所有三个软件包(基本,标准和完整)。用户帖子/主题文本区域将使用标准CKEditor包(两行工具栏),用户评论/回复文本区域将使用基本包(一行工具栏),而对于管理员创建新文章/公告,它将使用完整的包(4行工具栏)。如果这听起来很混乱,你可以看看CKEditor的下载页面,了解这三个包的含义。

http://ckeditor.com/download

那么除了为不同的软件包下载三次CKEditor之外,我该怎么做呢?是否可以在不同页面或不同文本区域选择性地启用CKEditor插件?

1 个答案:

答案 0 :(得分:1)

正如您所说,下载CKEditor的每个不同包(基本,标准,完整)是实现这一目标的一种快捷方式,但显然它对性能不利。

另一种方法是仅下载“完整”软件包并自定义工具栏以满足您的需求,即仅在每个所需的上下文中仅包含基本,标准或完整软件包中的功能。

你需要fiddle吗?

var basic = [
  ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', '-', 'About']
];

var standard = [{
    name: 'document',
    items: ['NewPage', 'Preview']
  }, {
    name: 'clipboard',
    items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']
  }, {
    name: 'editing',
    items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt']
  }, {
    name: 'insert',
    items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe']
  },
  '/', {
    name: 'styles',
    items: ['Styles', 'Format']
  }, {
    name: 'basicstyles',
    items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat']
  }, {
    name: 'paragraph',
    items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote']
  }, {
    name: 'links',
    items: ['Link', 'Unlink', 'Anchor']
  }, {
    name: 'tools',
    items: ['Maximize', '-', 'About']
  }
];

/* Initailise the editor with the 'basic' toolbar */
CKEDITOR.replace('editor', {
  toolbar: basic
});

/* Initailise the editor with the 'standard' toolbar *
CKEDITOR.replace('editor', {
  toolbar: standard
});
*/

/* Initailise the editor with the 'full' toolbar - default toolbar in this case is you included the full package *
CKEDITOR.replace('editor', {
  
});
*/
<textarea name="editor"></textarea>