react-quill 为什么文字颜色不生效

可能是因为react-quill默认情况下不支持修改文字颜色，需要手动添加相关配置。你可以参考以下步骤来解决这个问题：

1. 在react-quill的组件中添加formats配置项，如下所示：

<ReactQuill
  value={content}
  onChange={setContent}
  formats={[
    'header',
    'font',
    'size',
    'bold',
    'italic',
    'underline',
    'strike',
    'blockquote',
    'list',
    'bullet',
    'indent',
    'code',
    'color',
    'background',
  ]}
/>

2. 在你的CSS文件中添加以下样式：

.ql-color-picker {
  display: none;
}

.ql-background-picker {
  display: none;
}

.ql-picker-label[data-value=""]::before,
.ql-picker-label:not([data-value])::before,
.ql-picker-item[data-value=""]::before,
.ql-picker-item:not([data-value])::before {
  content: '文字颜色';
}

.ql-picker-label[data-value="#000000"]::before {
  content: '黑色';
}

.ql-picker-label[data-value="#e60000"]::before {
  content: '红色';
}

...

.ql-picker.ql-color .ql-picker-item[data-value="#e60000"]::before {
  background-color: #e60000;
}

.ql-picker.ql-color .ql-picker-item[data-value="#ff9900"]::before {
  background-color: #ff9900;
}

...

以上就是解决react-quill文字颜色不生效的方法，你可以试试看。