CKEditor 4有哪些工具栏button?

CKEditor文档在这里提到逐项工具栏的configuration,但是不同组中的button名称列表在哪里?

这里也有一个类似的问题 ,但答案是CKEditor以前的版本。 某些button名称不起作用。

您可以检查CKEditor包中的工具栏示例 。

在那里,你已经列出了所有的button和所有的工具栏组(CKEditor 4有两种设置工具栏布局的方法),这些都是在CKEditor版本中启用的。

如果您没有看到从CKEditor 3中记住的button,请检查它是否可用于您的CKEditor软件包版本(现在有3个基本版,标准版和完整版)。 有些插件不包含在这些版本中,您必须创build自己的插件。

PS。 如果你正在使用标准或基本构build检查config.js文件 – 通过设置config.removeButtons ,这些预置中的一些button,如下划线。

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

CKEditor的工具栏项目完整列表

项目

  • “资源”
  • “保存”
  • “新一页”
  • “DocProps”
  • “预习”
  • “打印”
  • “模板”
  • “文件”

项目

  • “切”
  • “复制”
  • “糊”
  • “PasteText”
  • “PasteFromWord”
  • “撤消”
  • “重做”

项目

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

项目

  • “形成”
  • “checkbox”
  • “无线电”
  • “文本域”
  • “多行文本”
  • “select”
  • “button”
  • “的ImageButton”
  • “HiddenField”

项目

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

项目

  • “NumberedList”
  • “项目符号列表”
  • “减less缩进”
  • “缩进”
  • “大段引用”
  • “CreateDiv”
  • “certificate左边”
  • “中间alignment”
  • “certificate右边”
  • “JustifyBlock”
  • “BidiLtr”
  • “BidiRtl”

项目

  • “链接”
  • “取消”
  • “锚”

项目

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

项目

  • “样式”
  • “格式”
  • “字体”
  • “字体大小”

项目

  • “TEXTCOLOR”
  • “BGCOLOR”

项目

  • “的UIColor”
  • “最大化”
  • “ShowBlocks”

项目

  • “BUTTON1”
  • “button2”
  • “BUTTON3”
  • “透过oEmbed”
  • “MediaEmbed”

项目

  • “关于”

下划线选项可用,但默认情况下不可见。 你需要从config.js文件中的下面一行中删除它。

 config.removeButtons = 'Underline,Subscript,Superscript'; 

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

生成的一个例子:

 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'; }; 

在这里输入图像说明