如何在GrapesJS默认富文本编辑器中添加colorpicker修改字体颜色

rte.exec() 方法调用格式不对是这类问题的常见诱因，你可以按照下面的步骤排查修改：

• 大部分富文本编辑器的rte.exec是对原生document.execCommand的封装，修改字体颜色的标准调用参数如下：

  // 三个参数依次为：命令标识、是否展示系统默认UI、颜色值
  rte.exec('foreColor', false, 拾色器返回的颜色值)
  

• 执行命令前务必保证编辑器内有选中的文本，或者光标处于激活状态：如果拾色器弹窗弹出会导致编辑器选区丢失，可以在打开拾色器前先调用编辑器实例的选区保存方法，颜色选中后先恢复选区再执行exec命令
• 部分二次封装的富文本组件会要求传入对象格式的参数，你可以尝试调整调用格式：

  rte.exec({
    command: 'foreColor',
    value: 拾色器返回的颜色值
  })
  

• 确认拾色器返回的颜色格式符合编辑器要求：如果返回的是rgb()/rgba()格式，部分低版本编辑器内核只支持十六进制格式的颜色值，需要先做格式转换再传入

内容的提问来源于stack exchange，提问作者ngdevc