47

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

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

4

4 回答 4

35

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

在那里，您列出了在您的 CKEditor 构建中启用的所有按钮和所有工具栏组（从 CKEditor 4 开始，有两种设置工具栏布局的方法）。

如果您没有看到您记得的 CKEditor 3 中的按钮，请检查它是否在您的 CKEditor 软件包版本中可用（现在有 3 个 - 基本、标准和完整）。某些插件不包含在任何这些构建中，您必须创建自己的.

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

于 2012-12-12T08:41:09.580 回答
30

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

CKEditor 工具栏项目的完整列表

项目

  • “来源”
  • “节省”
  • “新页面”
  • “文档道具”
  • “预览”
  • “打印”
  • “模板”
  • “文档”

项目

  • “切”
  • “复制”
  • “粘贴”
  • “粘贴文本”
  • “从单词粘贴”
  • “撤消”
  • “重做”

项目

  • “寻找”
  • “代替”
  • “全选”
  • “斯凯特”

项目

  • “形式”
  • “复选框”
  • “收音机”
  • “文本域”
  • “文本区域”
  • “选择”
  • “按钮”
  • “图像按钮”
  • “隐藏的领域”

项目

  • “胆大”
  • “斜体”
  • “强调”
  • “罢工”
  • “下标”
  • “上标”
  • “删除格式”

项目

  • “编号列表”
  • “项目符号列表”
  • “突出”
  • “缩进”
  • “块引用”
  • “创建分区”
  • “左对齐”
  • “对齐中心”
  • “正当理由”
  • “对齐块”
  • “双向”
  • “双向”

项目

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

项目

  • “创建占位符”
  • “图片”
  • “闪光”
  • “桌子”
  • “水平规则”
  • “笑脸”
  • “特殊字符”
  • “分页符”
  • “框架”
  • “插入前”

项目

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

项目

  • “文本颜色”
  • “背景色”

项目

  • “用户界面颜色”
  • “最大化”
  • “显示块”

项目

  • “按钮1”
  • “按钮2”
  • “按钮 3”
  • “嵌入”
  • “媒体嵌入”

项目

  • “关于”
于 2013-09-05T13:02:17.827 回答
7

只需在可视化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';
};

在此处输入图像描述

于 2016-04-06T16:18:17.380 回答
3

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

config.removeButtons = 'Underline,Subscript,Superscript';
于 2013-06-28T09:26:19.980 回答