我能自己开发样式管理器并方便地绑定属性吗？
问题
我想用像 Element-UI 这样的 UI 框架自己构建样式管理器，快速做出一个美观的界面。但我该如何将属性绑定到选定的组件上？我没看到像“setProperties to an element...”这样的API。你能帮我讲讲怎么做吗，非常感谢!!
回答（4）
#2296 这可能对你有帮助！
我想如果你需要从零开始创建样式管理器，这种方法应该可行 “''js 让targetsToStyle = []; const eventToListen = 'component：toggled component：update：classes change：state change：device'; const sm = 编辑。风格经理; editor.on（eventToListen， （） => { targetsToStyle = editor.getSelectedAll（）.map（cmp => sm.getModelToStyle（cmp））; 循环选定目标并更新输入（取决于你选...
@artf 这正是我需要的！非常感谢！
谢谢你举报，@xinnai。 关于我能否开发自己的样式管理器并方便地绑定属性？ 这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c）...
相关问答
通过相似的问题讨论继续研究。
问题 #4435
页面管理器
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 最新版本可复制演示链接 暂时没有描述一下那个虫子 如何复现这个漏洞？创建包含Pages API函数的页面管理器测试select函数（如果你脑子里有东西，它会消失;如果你重新添加那个代码，...
问题 #3222
新节点添加后，如何刷新/重新渲染？
我会手动在渲染组件中添加一个新节点。 视觉效果还可以，但无法保存，因为我的风格不是用自动生成的GrapesJS ID。 要手动解决这个难题，我双击要进入的组件，然后在画布主体中点击外部。然后，将 GrapesJS ID 和 'data-gjs-type='text' 添加到新节...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #4196
在尝试用json在画布上设置组件时，ID会被更改
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 无关联 描述一下那个虫子 如何复现这个漏洞？...使用一个可以在画布上生成组件的演示 json，在属性中设置ID。...use editor.setComponents（jso...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。