每个元素的样式点击状态错误
问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Brave Last 在 Chrome Last 和 Safari Last 上测试过。 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我有个视频：https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36前往演示页面选择任意元素......将状态设置为“点击”编辑任意边界半径保持元素在其他元素中点击第一个bug：界面会变成“点击”状态样式，之后又会切换到正常状态第二个bug：刷新页面，正常刷新或清除缓存，你会看到样式化的“点击”状态吗？它不会离开。我需要清理画布才能正常工作如果你按照我在视频中做的，用开发者工具检查所选元素，你会发现 gjs-selected 元素之前的样式是“点击”状态 预期的行为是什么？ 当我更改元素时，点击时“点击”状态并没有切换到所有元素 目前的行为是什么？ “点击”状态 将样式设置为 .gjs-selected 元素 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 不。 行为准则 [X] 我同意遵守本项目的行为准则
回答（4）
谢谢你的报告@ronaldohoch 这个问题将在下一个版本中修复。
@artf成功了！谢谢你 😊
@artf我没法本地运行，因为有好几个测试都没通过，你也是这样吗？我能尝试修复它们吗？ 例如： ![图片]（https://user-images.githubusercontent.com/2287371/160130276-227ecfa1-e1cf-459c-971d-590ae684f209.png）
谢谢你举报，@ronaldohoch。 关于每个元素中样式点击状态的错误，这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） =>...
相关问答
通过相似的问题讨论继续研究。
问题 #5810
不必要的画布风格
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Arc 版本 1.35.0 / Chromium 引擎 123.0可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我的特殊情况： 就我而言，插件和通用样式...
问题 #6663
符号在逐步加载页面时会断裂（实例丢失__symbol链接）
这里有一段展示这个bug的视频： https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...
问题 #4448
调整图片大小时出现错误。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 勇敢浏览器 最后版本 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？打开演示页面。放置图像。双击选择图片。将宽度设置为100%。...
问题 #6549
无法调整图片大小
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞？ 上传图片 将其切换为移动视图 调整图像大小 ![图...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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.
浏览插件分类
直接跳转到市场上的插件分类页面。