CKEditor4配置与开发详细中文说明文档(6)

虽然不是强制性的,但推荐要配置所有的组和子组(包括没有使用的),因为在将来的任何时候,当安装了新的插件时,其按钮将会自动出现在工具栏中,而不用再配置。

组配置的缺点

分组配置的最明显问题是不可能精确控制每项在工具栏中的放置位置。它是由插件自身来决定的。

“逐项”配置

除了分组配置,还可以通过确定精确的位置来控制工具栏中的每一个单独的元素。这是通过配置“工具栏定义”来完成的。
工具栏定义是一个JavaScript数组,它含有在编辑器中可以使用的在所有工具栏行中显示的元素。下面是一个例子:

config.toolbar = [
  { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] },
  { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
  '/',
  { name: 'basicstyles', items: [ 'Bold', 'Italic' ] }
 ]; 

    这里每个工具栏组都给定了一个名字,并定义了其中项目的精确清单。 也可以用简单的语法实现上面的(参见后面的“访问问题”):

config.toolbar = [
  [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ],
  [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ],   
  '/',
  [ 'Bold', 'Italic' ]
]; 

通过将'-'(短线)加到项目列表中,将项目分隔符包括其中,如上面看到的。

将'/'加到组之间,可以在工具栏中强制断行。它们可以用于在其放置的位置强制断行,使得下一个工具栏组处于新的一行。  

“逐项”配置的好处

这种配置最明显的好处是每个单独的项目在工具栏中的位置都可以控制。

“逐项”配置的缺点

最大的问题是当安装新的插件时没有了自动化。这意味着,如果有任何新的插件加入到你的编辑器中,你将不得不手动改变你的配置,将插件按钮包含于希望的位置。

可访问性问题

用于每个工具栏组的名字将被帮助技术所使用,如屏幕阅读器(screen readers)。该名字将被CKEditor 用于在编辑器语言文件(工具栏组条目)中查找每个工具栏组的“可读”名字。

屏幕阅读器将通过使用其可读名字(如果可用)或其已定义的名字属性显示每个工具栏组。 

3、样式

样式组合(Stryles Combo)插件将一个组合加入到CKEditor 的工具栏中,包含一个样式列表。此列表使很容易地将定制的样式和语义值应用于在编辑器中生成的内容上。

可以很容易地定制组合下拉列表中可用的条目,以满足你的需要。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/269.html