CKEditor 4中有哪些工具栏按钮？

Question

CKEditor文档在这里提到逐项工具栏配置,但是哪个是不同组中按钮名称的列表？

这里有一个类似的问题,但答案是针对之前版本的CKEditor.某些按钮名称不起作用.

Answer 1

您可以在CKEditor包中检查工具栏示例.

在那里,您已经列出了在CKEditor构建中启用的所有按钮和所有工具栏组(因为CKEditor 4有两种设置工具栏布局的方法).

如果您没有看到从CKEditor 3中记住的按钮,请检查它是否在您的CKEditor软件包版本中可用(现在有3个 - basic,std和full).某些插件不包含在任何这些版本中,您必须创建自己的插件.

PS.如果您正在使用标准或基本构建检查config.js文件 - 通过设置在这些预设中删除某些按钮(如下划线)config.removeButtons.

Answer 2

这是一个很好的按钮名称列表:

CKEditor的完整工具栏项列表

项目

• "资源"
• "保存"
• "新的一页"
• "DocProps"
• "预习"
• "打印"
• "模板"
• "文献"

项目

• "切"
• "复制"
• "糊"
• "PasteText"
• "PasteFromWord"
• "撤消"
• "重做"

项目

• "找"
• "更换"
• "全选"
• "即时拼写检查"

项目

• "形成"
• "复选框"
• "无线电"
• "文本域"
• "多行文本"
• "选择"
• "按钮"
• "的ImageButton"
• "HiddenField"

项目

• "胆大"
• "斜体"
• "强调"
• "罢工"
• "下标"
• "标"
• "RemoveFormat"

项目

• "NumberedList"
• "项目符号列表"
• "减少缩进"
• "缩进"
• "大段引用"
• "CreateDiv"
• "证明左边"
• "中间对齐"
• "证明右边"
• "JustifyBlock"
• "BidiLtr"
• "BidiRtl"

项目

• "链接"
• "取消"
• "锚"

项目

• "CreatePlaceholder"
• "图片"
• "闪"
• "表"
• "了Horizo​​ntalRule"
• "笑脸"
• "SpecialChar"
• "分页符"
• "I帧"
• "InsertPre"

项目

• "样式"
• "格式"
• "字体"
• "字体大小"

项目

• "TEXTCOLOR"
• "BGCOLOR"

项目

• "的UIColor"
• "最大化"
• "ShowBlocks"

项目

• "BUTTON1"
• "按钮2"
• "BUTTON3"
• "透过oEmbed"
• "MediaEmbed"

项目

• "关于"

Answer 3

只需在可视化CKEditor 工具栏配置器中生成您自己的配置

生成了一个例子：

CKEDITOR.editorConfig = function( config ) {
  config.toolbarGroups = [
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'forms', groups: [ 'forms' ] },
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
    { name: 'links', groups: [ 'links' ] },
    { name: 'insert', groups: [ 'insert' ] },
    { name: 'styles', groups: [ 'styles' ] },
    { name: 'colors', groups: [ 'colors' ] },
    { name: 'tools', groups: [ 'tools' ] },
    { name: 'others', groups: [ 'others' ] },
    { name: 'about', groups: [ 'about' ] }
  ];

  config.removeButtons = 'Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,BidiLtr,BidiRtl,Language,Styles,Font,Smiley,CreateDiv,Checkbox,Scayt,NewPage,About';
};