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

时间:2012-12-11 20:56:58

标签: ckeditor

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

有一个类似的question here,但答案是针对之前版本的CKEditor。某些按钮名称不起作用。

4 个答案:

答案 0 :(得分:32)

您可以查看CKEditor包中的toolbar sample

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

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

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

答案 1 :(得分:19)

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

  

CKEditor的完整工具栏项目列表

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

  • “剪切”
  • “复制”
  • “粘贴”
  • “PasteText”
  • “PasteFromWord”
  • “撤消”
  • “重做”

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

  • “形”
  • “复选框”
  • “广播电台”
  • “的TextField”
  • “textarea的”
  • “选择”
  • “按钮”
  • “的ImageButton”
  • “HiddenField”

  • “黑体”
  • “斜体”
  • “下划线”
  • “攻击”
  • “下标​​”
  • “上标”
  • “RemoveFormat”

  • “NumberedList”
  • “的BulletedList”
  • “减少缩进”
  • “缩进”
  • “块引用”
  • “CreateDiv”
  • “证明左边”
  • “中间对齐”
  • “证明右边”
  • “JustifyBlock”
  • “BidiLtr”
  • “BidiRtl”

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

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

  • “样式”
  • “格式”
  • “字体”
  • “字号”

  • “TEXTCOLOR”
  • “BGCOLOR”

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

  • “button1的”
  • “BUTTON2”
  • “BUTTON3”
  • “透过oEmbed”
  • “MediaEmbed”

  • “关于”

答案 2 :(得分:3)

只需在视觉CKEditor Toolbar Configurator

中生成您自己的混淆

生成的示例:

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

enter image description here

答案 3 :(得分:2)

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

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