ckeditor toolbar详情配置 格式刷配置

发布时间 2023-04-07 17:23:13作者: 愛羅
const toolbar = [
  {
    name: 'document',
    items: [
      'Source', // 源码
      '-', // 分组符
      'Save', // 保存
      'NewPage', // 新建
      'Preview', // 预览
      'Print', // 打印
      '-',
      'Templates' // 模板
    ]
  },
  {
    name: 'clipboard',
    items: [
      'Cut', // 剪切
      'Copy', // 复制
      'Paste', // 粘贴
      'PasteText', // 粘贴为无格式文本
      'PasteFromWord', // 从MS Word 粘贴
      '-',
      'Undo', // 撤销
      'Redo' // 重做
    ]
  },
  {
    name: 'editing',
    items: [
      'Find', // 查找
      'Replace', // 替换
      '-',
      'SelectAll', // 全选
      '-',
      'Scayt' // 即时拼写检查
    ]
  },
  {
    name: 'forms',
    items: [
      'Form', // 表单
      'Checkbox', // 复选框
      'Radio', // 单选按钮
      'TextField', // 单行文本
      'Textarea', // 多行文本
      'Select', // 列表/菜单
      'Button', // 按钮
      'ImageButton', // 图像按钮
      'HiddenField' // 隐藏域
    ]
  },
  '/', // 换行符
  {
    name: 'basicstyles',
    items: [
      'Bold', // 加粗
      'Italic', // 倾斜
      'Underline', // 下划线
      'Strike', // 删除线
      'Subscript', // 下标
      'Superscript', // 上标
      '-',
      'CopyFormatting', // 格式刷
      'RemoveFormat' // 清除格式
    ]
  },
  {
    name: 'paragraph',
    items: [
      'NumberedList', // 编号列表
      'BulletedList', // 项目列表
      '-',
      'Outdent', // 减少缩进量
      'Indent', // 增加缩进量
      '-',
      'Blockquote', // 块引用
      'CreateDiv', // 创建 DIV 容器
      '-',
      'JustifyLeft', // 左对齐
      'JustifyCenter', // 居中
      'JustifyRight', // 右对齐
      'JustifyBlock', // 两端对齐
      '-',
      'BidiLtr', // 文字方向为从左至右
      'BidiRtl', // 文字方向为从右至左
      'Language' // 设置语言
    ]
  },
  {
    name: 'links',
    items: [
      'Link', // 插入/编辑超链接
      'Unlink', // 取消超链接
      'Anchor' // 插入/编辑锚点链接
    ]
  },
  {
    name: 'insert',
    items: [
      'Image', // 图像
      'Flash', // Flash
      'Table', // 表格
      'HorizontalRule', // 插入水平线
      'Smiley', // 表情符
      'SpecialChar', // 插入特殊符号
      'PageBreak', // 插入打印分页符
      'Iframe' // IFrame
    ]
  },
  '/',
  {
    name: 'styles',
    items: [
      'Styles', // 样式
      'Format', // 格式
      'Font', // 字体
      'FontSize' // 大小
    ]
  },
  {
    name: 'colors',
    items: [
      'TextColor', // 文本颜色
      'BGColor' // 背景颜色
    ]
  },
  {
    name: 'tools',
    items: [
      'Maximize', // 全屏
      'ShowBlocks' // 显示区块
    ]
  },
  {
    name: 'about',
    items: [
      'About' // 关于 CKEditor 4
    ]
  }
];