CKEditor 4中可用的所有工具栏按钮名称和组名称的列表?

Pet*_*uss 5 validation ckeditor

这个问题类似于CKEditor 4中可用的工具栏按钮?加强了这个旧的另一个.我在这里补充一些我所面临的看法和个人困难.

CKEditor文档很好,但是对于Javascript程序员(第一次使用CKEditor部署者)来说是粉碎的和"不完整的" ,因为"停在中间"......示例:

  • 如果我需要removeButtons,我还需要有效名称列表.

  • 如果我需要自定义 - 通过源代码,更改数组元素 - ,我不仅需要这里的线索和示例,还需要有效名称,语法规则,上下文异常的完整列表,以及可能的"官方插件名称"列表.

问题:有一个命令(简单alert(debug))或所有可能名称的文档列表?(或所有控制和注册的插件名称,组名称等)


... CKEditor4被提升为(最好的!)"即插即用"编辑器,但是,对于程序员来说,它是错误的,没有适当的"管理控制名称"支持.

注意:所有都config.js需要引用有效名称,并且没有文档显示我在config.js阵列中进行更改的所有有效名称的列表.这就是程序员所需要的,但是今天(2013年8月)我们需要花费大部分时间使用Google来查找有效名称,或者使用浏览器的"元素检查器"来获取有关它的线索.没有名称,配置数组中的编程任务也不简单.

DREAM:对于网页设计师来说,ckeditor.com/download提供了一个很好的"自定义ckeditor"(!!).但是对于开发人员来说,没有工具或插图显示" 按钮图标和相关名称 ",或组名等等......也就是说,"从功能到名称的有组织的地图"(反之亦然).当然,对于每个地图,我们还需要"上下文异常",例如"源",它不适用于内联编辑器.



(更多实际例子,在@Noseratio和@davidkonrad评论之后编辑).问题是"每个上下文的有效名称是什么?"

如果我有config类似的东西,

editor.config.toolbarGroups = [
    { name: 'clipboard',   groups: [ 'clipboard', 'undo' ] },
             ...
    { name: 'styles' },
    { name: 'colors' },
];
Run Code Online (Sandbox Code Playgroud)

我需要更改{ name: 'styles' }为自定义的,例如我需要这个功能:

  { name: 'styles', items : [ 'Styles', 'Format', 'FontSize' ] }
Run Code Online (Sandbox Code Playgroud)

所以,我需要知道所有这些名称,以及何时(上下文)使用属性"name","items","groups"这些名称.如果我在toolbarGroups属性中使用"items",或者如果我使用"Fontsize"而不是"FontSize",我会犯一个错误.此外,与addButtonCommand其他人一起,我需要知道任何有效的参数.定义是错误的,

  addButtonCommand( 'FontSize', lang.underline, 'underline',
                     config.coreStyles_underline );
Run Code Online (Sandbox Code Playgroud)

但如果不了解每个上下文的"所有有效名称列表",就很难工作.


(更多实际例子,@MahanGM评论后编辑)

如果我使用这个v4指南和说明 (相当于这个v3),当使用CKEditor4和内联编辑器时,我有"名称问题":

  • "默认CKEditor工具栏设置"是"完整工具栏"?

  • 如果我取消'拼写检查'(旧的v3名称'拼写检查'),为什么不工作?为什么还需要起飞'Scayt'?

  • 什么名字我可以在线编辑器中使用?当使用和使用数组中的项目editor.config.toolbar

  • ......等...(读我的问题:所有问题都是在 上下文中正确选择有效名称)......程序员需要一个"完整的形式规范 ",而不仅仅是线索和信息碎片.

Pet*_*uss 1

(这不是答案,而是建议,您可以复制/粘贴来发布您的答案)

(您也可以在这里协作编辑)

“逐项”配置##

您的编辑器将完全按照您的“工具箱定义”工作:一个简单的 JavaScript 数组,

config.toolbar = [ G1, G2, ..., GN ];
Run Code Online (Sandbox Code Playgroud)

通过其内容并定义其精确位置来控制“工具箱中的每个工具栏”。工具栏定义G i可以是数组或字符串:

  • 当G i 为字符串时,为小节线分隔符, '/';
  • 当 G i是数组时,它是按钮名称(别名“item”)的序列(别名“group”)。

所以,工具箱定义数组的一般形式是

config.toolbar = [
     ['ITEM11', 'ITEM12', ..., 'ITEM1N'], 'BAR_SEP',
     ['ITEM21', 'ITEM22', ..., 'ITEM2N'], ...
];
Run Code Online (Sandbox Code Playgroud)

其中ITEM i,j是有效的按钮名称。在ABNF中,

 ITEM      =  BUTNAME / "-"
 BUTNAME   = 1*ALPHA      ; and usually a CamelCase name.
Run Code Online (Sandbox Code Playgroud)

2013 年 8 月使用 CKEditor v4 的配置场景(定义“命名空间”):

  1. git clone git://github.com/ckeditor/ckeditor-releases.git

  2. 其他插件或代码较少的。

  3. 其他有更多(官方注册的命名空间)插件。

s 有效的软件上下文BUTNAME

  • 安装关联的插件(参见下表“有效 BUTNAME 的完整列表”)(参见场景 1、2 或 3);

  • BUTNAME 不在config.removeButtons列表中,相关插件也没有在 处删除config.removePlugins

  • ... BUTNAME 是为该 CKEditor 版本定义的(例如,对 v4 使用“拼写检查器”,对 v3 使用“拼写检查器”)。

所有已注册的插件名称

请参阅config.plugins场景1 ,这是插件的所有有效名称的列表(按字母顺序排列):

 a11yhelp,about,basicstyles,blockquote,button,clipboard,contextmenu,dialog,
 dialogui,elementspath,enterkey,entities,eqneditor,fakeobjects,filebrowser,
 find,floatingspace,floatpanel,horizontalrule,htmlwriter,image,indent,
 indentlist,link,list,magicline,maximize,menu,menubutton,panel,pastefromword,
 pastetext,popup,removeformat,resize,save,scayt,showblocks,sourcearea,
 specialchar,tab,table,tabletools,toolbar,undo,wsc,wysiwygarea
 ,... ? ... more?
Run Code Online (Sandbox Code Playgroud)

它们也是“插件”还是“额外插件”?参见场景 3

 texttransform, etc.
Run Code Online (Sandbox Code Playgroud)

PS:与场景1。在plugins/ 我们只有的目录中,

a11yhelp   dialog           icons.png  magicline      specialchar  wsc
about      fakeobjects      image      pastefromword  table
clipboard  icons_hidpi.png  link       scayt          tabletools
Run Code Online (Sandbox Code Playgroud)

###有效 BUTNAME 的完整列表###

所有名称和相关上下文的规范。插件以“-1”或“-3”为后缀,以记住场景的“命名空间”。

BUTNAME                  | PLUGIN            |  Invalid context
-------------------------|-------------------|------------------
Bold                     | default-1         | ?Always ok? no excetions?
Italic                   | default-1         | ...
...                      | ...               | ...
Source                   | default-1         | not works with inline editor
...                      | ...               | ...
TransformTextToUppercase | texttransform-3   | scenario-1
TransformTextCapitalize  | texttransform-3   | scenario-1
...                      | ...               | ...
Run Code Online (Sandbox Code Playgroud)

(如果我们能完成这个表格,这个答案就完整了!)