每次页面重新加载后，“我的选项”（在特质中）都会被重置
你好@Sudhin35请按照[此API]（https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type）来创建自定义特征，我强烈建议将选项作为组件属性存储，而不是使用内部组件
阅读下方完整回答 ↓问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞？安装Grapes js并实现select组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么？输入的选项不应在该组件的特征管理器中重置已输入的选项应在该组件的特征管理器中可见 目前的行为是什么？ 每次页面重新加载后，“我的选项”（在特质中）都会被重置 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则 [X] 我同意遵守本项目的行为准则
回答（2）
谢谢你举报，@Sudhin35。 关于我的选项（在特质中）每次重载页面后都会重置，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c）...
相关问答
通过相似的问题讨论继续研究。
问题 #3137
当我选择某个特定元素时，我没有看到它的样式。这个问题只发生在某些元素上。
未获得所选元素的样式 这是我的代码， const model = 编辑器。StyleManager.getModelToStyle（component）; let styleObject = model.getStyle（）; console.log（“样式”，styleObj...
问题 #3131
将纯文本粘贴到文本组件中，会为粘贴的文本添加 <font /> 封装器
版本： 0.16.27 你能重现演示中的bug吗？ [] 是的 [X] 不 预期的行为是什么？ 将粘贴文本为纯文本（文本节点），不像Grapes JS在</>元素中进行打包。 目前的行为是什么？ 当我把纯文本粘贴到空文本元素时，编辑器会用<font />元素包裹它。 在粘贴文本...
问题 #3640
样式管理器的背景UI在Body/Wrapper上无法正常工作
在我看来，样式管理器的背景控件在处理主体与其他组件时存在一个UI错误。这个问题在#2834的截图中@kuhelbeher可以看到，但我也会提供一些简单的复现步骤。也许这个问题和那个问题有关。前往 https://grapesjs.com/demo.html删除所有现有组件，直到...
问题 #3397
分拣器方向与网页组件槽不符
版本：0.16.45 你能重现演示中的这个bug吗？[x] 是的[ ] 不 预期的行为是什么？ 给定一个父网页组件实例渲染一些元素，在 shadowDOM 中，如果 'slot' 的父元素具有 'display： flex' 风格，排序器应是垂直的，因为结果中元素是水平对齐的。...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。