曝光光谱选色器选项

Question

你好，@artf，

我想为光谱色彩选择器（特别是[调色板]（https://bgrins.github.io/spectrum/#options-showPalette）））自定义一些选项。我查过代码，没看到现在怎么可能。

我想做的是：

Grapesjs.init（{
   colorPicker： {
      showPalette： true，
      调色板：[
        [“黑”、“白”、“白金”]
        ['rgb（255， 128， 0）;'， 'hsv 100 70 50'， 'lightyellow']
      ]
    }
});

这种功能本来就可能实现，只是我错过了吗？如果不行，你会考虑合并一个增加此功能的拉取请求吗？

artf · Accepted Answer

这种事情本来就可能发生，只是我错过了吗？如果不行，你会考虑合并一个增加此功能的拉取请求吗？ 很遗憾，目前还不行，但我肯定会接受永久居民（可以考虑'colorPicker'这个选项）。 该谱在 [InputColor]（https://github.com/artf/grapesjs/blob/dev/src/domainabstract/ui/InputColor.js#L70） 中调用，随后在 [PropertyColorView]（https://github.com/artf/grapesjs/blob/dev/src/stylemanager/view/PropertyColorView.js）和 [TraitColorView]（https://github.com/artf/grapesjs/blob/dev/src/trait_manager/view/TraitColorView.js） 中使用。 我会评论不要覆盖默认选项，比如“更改”、“移动”等，因为那样会破坏它

ryandeba · Answer

谢谢@artf！你有什么总体建议，关于如何最好地实现这个改变吗？我已经审查了代码，但没看到有简单的方法可以实现这一点，我也希望避免花时间走错路。 以下是我目前考虑过的各种想法的总结......这些中，有哪款听起来比其他的更好或更差吗？将ColorPicker添加到[utils对象]（https://github.com/artf/grapesjs/blob/dev/src/utils/index.js）这样可以利用现有的 [loadModule 功能]（https://github.com/artf/grapesjs/blob/049a734b5f3f50b50ef4cdaa2f13e086b55ad5fe/src/editor/model/Editor.js#L145）：'grapesjs.init（{ utils： { colorPicker： { ... } } }）;`我认为这需要更改 InputColor/PropertyColorView/TraitColorView 对象的引用方式——它们需要通过“编辑器”。Utils.ColorPicker' 而不是简单地要求 js...

artf · Answer

说实话，我在考虑一种侵入性更低的方法这些对象目前似乎都没有与编辑器对象有任何引用 实际上，[PropertyColorView]（https://github.com/artf/grapesjs/blob/dev/src/style_manager/view/PropertyColorView.js#L14）通过“target”注入了“EditorModel”（我通常称之为“em”）作为选项（最好改名为“em”），但不会在TraitColorView中（简单修复，只需传递“this.config.em”）。当我们把“em”放进去后，可以像这样轻松更新“InputColor” “''js colorEl.spectrum（{ //... 调色板：[]， ...this.target.getConfig（'colorPicker'）， // 或 this.em.getConfig... 我们需要 move（）、change （等）来让颜色输入正常工作 所以我会让他们待在外面 move（color） {...}， //... ``` 你怎么看？

曝光光谱选色器选项

问题

回答（3）

相关问答

无法读取未定义属性“indexOf”。

在背景属性中指定背景大小会破坏葡萄

边境颜色问题

使用 RTE 编辑后创建多个子元素

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类