我该如何重新利用Spectrum色彩选择器？
目前，唯一的方法是使用这个非公开的API。 “''js editor.getModel（）.initBaseColorPicker（DomElement， { / spectrum options / }）; ``` 我已经开始开发一个新的UI模块，以应对类似情况（比如添加/替换GrapesJS UI元素的能力），但遗憾的是，我不知道它什么时候发布，因为它还处于实验阶段。
阅读下方完整回答 ↓问题
我想重新利用GrapesJS中使用的色彩选择器。
我必须用颜色选择器来设置一些项目的关卡设置。这些设置可以通过GrapesJS编辑器访问。我想利用现有用于字体颜色等特性的颜色选择器。 我看到过[这篇帖子]（https://github.com/artf/grapesjs/issues/1393）关于扩展一个特性以获得颜色选择器。很遗憾，我觉得我做不到。据我所知，特质是组件的一部分;我不是在处理组件，而是在处理 GrapesJS 一般范围之外的项目层级设置。
我只需要把输入标签传递给 Spectrum，并且能够在 Change 上添加事件处理功能。我能看到grapesjs.js编译包里有Spectrum插件，只是不明白是否以及如何利用它。我希望避免为了这个功能手动包含 jquery/Spectrum，如果能用 Spectrum 实现界面一致就更好了。
感谢大家的关注
回答（3）
目前，唯一的方法是使用这个非公开的API。 “''js editor.getModel（）.initBaseColorPicker（DomElement， { /* spectrum options */ }）;
我已经开始开发一个新的UI模块，以应对类似情况（比如添加/替换GrapesJS UI元素的能力），但遗憾的是，我不知道它什么时候发布，因为它还处于实验阶段。
有没有办法保留色彩选择器，同时配置光谱选项？比如说，如果我想强制十六进制颜色，我可以传递“{ preferredFormat： ”hex“ }'？
谢谢你举报，@stljeff1。 关于我该如何重新利用Spectrum选色器？的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构建一个插件，扩展编辑器并具备此功能 正式宣布： 如果此功能能惠及更多用户，考虑在 GrapesJS...
相关问答
通过相似的问题讨论继续研究。
问题 #3496
成就：标记组件为脏
你想给GrapesJS添加什么？ 组件应该能够标记自己为脏，触发“onbeforeunload”警告信息。 详细描述你的功能需求详细 我有一个（自定义）文本组件，用户可以输入任意文本。我把数据存储在服务器上，我想要自动保存。不过，我不希望服务器因为每一个字符都被联系到文本组件，...
问题 #3714
部分解析
讨论于 https://github.com/artf/grapesjs/discussions/3711 <div type='discussions-op-text'> <sup>最初由 ltenti 于 2021 年 8 月 17 日发布</sup> 大家好， 我想知道如...
问题 #3447
JavaScript 因编码问题无法使用
1 - 我复制了打字文本组件代码，而不是演示HTML代码; 2 - 并增加了allowScripts：1; 你可以在这里看到示例：http://bashworld.ru/demo.html 点击 查看代码，我们会看到许多 JS 编码字符。 我该如何解决这个问题？我需要解码所有...
问题 #4654
文本节点自定义组件，包含特殊字符
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v105 可复制演示链接 https://codesandbox.io/s/fancy-brook-ppyc8v?file=/index.js 描述一下那个虫子 背景： 我正在尝试配...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。