如何在羽毛笔编辑器字体颜色菜单中添加我自己的颜色列表？

Question

我已经将 Quill Editor 添加为 Vaadin 组件，这样我就可以在 Java 中访问它，并且我对它进行了一些自定义，因为我需要的只是粗体、斜体和字体颜色按钮，并且工作正常。

我正在为一件事而苦苦挣扎。我想设置我自己的颜色，并且只在颜色菜单中设置我自己的颜色。我怎样才能做到这一点？

在我的自定义 quilleditor.js 中我有这个：

const ColorClass = Quill.import('attributors/class/color');
Quill.register(ColorClass, true);
const ColorStyle = Quill.import('attributors/style/color');
Quill.register(ColorStyle, true);

我认为基本上以某种方式从node_modules/quill/themes/base.js导入它：

const COLORS = [
  "#000000", "#e60000", "#ff9900", "#ffff00", "#008a00", "#0066cc", "#9933ff",
  "#ffffff", "#facccc", "#ffebcc", "#ffffcc", "#cce8cc", "#cce0f5", "#ebd6ff",
  "#bbbbbb", "#f06666", "#ffc266", "#ffff66", "#66b966", "#66a3e0", "#c285ff",
  "#888888", "#a10000", "#b26b00", "#b2b200", "#006100", "#0047b2", "#6b24b2",
  "#444444", "#5c0000", "#663d00", "#666600", "#003700", "#002966", "#3d1466"
];

因为颜色菜单看起来完全像这样，并且计数和颜色与上面的列表匹配：

创建编辑器时如何摆脱这些颜色并添加我自己的列表？

我尝试过使用白名单但没有成功。

我完全不是一个 javascript 开发人员，我正在尝试做一些我不完全理解的事情，因此我寻求帮助。

Answer 1

感谢@Ian H.我明白了。

在初始化编辑器时我有这个：

this.colors = [{ 'color': [] }];

根据https://quilljs.com/docs/modules/toolbar/ “主题还可以指定下拉菜单的默认值。例如，Snow 为颜色和背景格式提供了 35 种颜色的默认列表，如果设置为空大批。”

所以我只是将颜色添加到数组中：

this.colors = [{ 'color': ['#e60000', '#9933ff', '#00ff00'] }];

它有效！多谢 ：）