CKEditor 4有哪些工具栏按钮可用？

Question

CKEditor文档在此处提到了逐项配置工具栏 （单击链接可查看），但是不同组中按钮的名称列表在哪里呢？

这里有一个类似的问题，但答案适用于早期版本的CKEditor。一些按钮名称无效。

- Rob N

Answer 1

这里是一个漂亮的按钮名称列表：

CKEditor工具栏项目完整列表

项目

• "源代码"
• "保存"
• "新建页面"
• "文档属性"
• "预览"
• "打印"
• "模板"
• "文档"

项目

• "剪切"
• "复制"
• "粘贴"
• "纯文本粘贴"
• "从Word粘贴"
• "撤销"
• "重做"

项目

• "查找"
• "替换"
• "全选"
• "SCAYT"

项目

• "表单"
• "复选框"
• "单选框"
• "文本框"
• "文本域"
• "下拉列表"
• "按钮"
• "图像按钮"
• "隐藏域"

项目

• "加粗"
• "斜体"
• "下划线"
• "删除线"
• "下标"
• "上标"
• "清除格式"

项目

• "有序列表"
• "无序列表"
• "减少缩进"
• "增加缩进"
• "块引用"
• "创建Div"
• "左对齐"
• "居中对齐"
• "右对齐"
• "两端对齐"
• "从左至右文本方向"
• "从右至左文本方向"

项目

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

项目

• "创建占位符"
• "图像"
• "Flash"

"表格"

"水平线"

"笑脸符号"

"特殊符号"

"分页符"

"嵌入式框架"

"插入预格式化文本"

选项

• "样式"
• "格式"
• "字体"
• "字号"

选项

• "文本颜色"
• "背景颜色"

选项

• "用户界面颜色"
• "最大化编辑器"
• "显示块元素"

选项

• "按钮1"
• "按钮2"
• "按钮3"
• "嵌入式媒体"
• "媒体嵌入代码"

选项

• "关于"

- Shomz

---

完整工具栏中有一个名为“复制格式”的新项目。它位于“清除格式”按钮旁边。 - Eduard Void

@EduardVoid，随意更新答案。我已经好几年没碰CK了！ - Shomz

Answer 2

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

在那里，您可以列出所有启用的按钮和所有工具栏组（自CKEditor 4以来，有两种设置工具栏布局的方式）。

如果您没有看到您在CKEditor 3中记得的按钮，请检查它是否在您的CKEditor软件包版本中可用（现在有3个版本 - 基本版，标准版和完整版）。

一些插件未包含在这些版本中，您需要创建您自己的版本。

PS。 如果您使用标准版或基本版，请检查config.js文件-通过设置config.removeButtons，这些预设中的某些按钮（如Underline）将被删除。

- Reinmar

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

- shilovk

---

感谢您发布链接...我就是找不到那个。 - FibreFoX

Answer 4

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

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

- R Sun