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

Question

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

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

在我的习惯中 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'] }];

而且有效！非常感谢:)

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

How to add my own color list in quill editor font-color menu?

javascript

vaadin

quill