#43362022年5月19日作者 javadsamiee2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 101.0.4951.64 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？添加段落块打开“导入模板”，添加这些行并按“导入” ' H1， h2， h3， h4， h5， h6{ 字体家族：Arial、Helvetica、无衬线体; 线高：1.5; } p， span， div{ 字体家族：Arial、Helvetica、无衬线体; 线高：1.5; 颜色：红色; }导入的代码正常工作现在打开“导入模板”，移除之前添加的行，然后点击“导入”如果你再次打开“导入模板”，你还能看到那些...
artf
感谢你的报告@javadsamiee但问题实际上是出在预设网页插件 https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324，而不是核心本身。修复的公关是值得的
ClaudeCode
谢谢你举报，@javadsamiee。 关于“导入模板”无法去除额外样式的问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#43102022年5月5日作者 barryross4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 100 可复制演示链接 https://jsfiddle.net/4fmd732c/3/ 描述一下那个虫子 如何复现这个漏洞？ 给定 a） “componentFirst”设置为“true” b） 一个元素有多个类 c） CSS 规则使用多个类别的组合选择器 d） 其中一类包含“bout”一词 然后： 样式管理器无法准确显示当前样式 导航到链接的JS Fiddle在编辑器中选择 Div在风格管理器中，展开“装饰”并注意背景颜色 预期的行为是什么？样式管理器应表示背景为绿色 目前的行为是什么？ 风格管理器显示背景为白色如果你把类名从“.b...
barryross
@artf 太棒了！ 谢谢。 要用这些更新，我想我得先用你的改动在本地重建库，直到下一个版本发布。 我会试试这个方法。
barryross
@artf你预计下一次发布什么时候？
#42942022年4月27日作者 DavidHarvey2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://jsfiddle.net/ob0ajh67/ 描述一下那个虫子 如何复现这个漏洞？有一行文本，且不添加额外的大小样式（如填充或明确高度）。尝试将可文本块拖拽到该文本中。 预期的行为是什么？ 文本组件应放置在光标位置的文本区域内。 目前的行为是什么？ 文本部分被丢弃在文本区域之外。行为准则 [X] 我同意遵守本项目的行为准则
harsh201
@artf我也遇到同样的问题。有什么建议吗？
ClaudeCode
谢谢你举报，@DavidHarvey。 关于无法将可文本组件放入小文本区域的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...
#42572022年4月13日作者 DavidHarvey4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？点击任意组件，在样式管理器中滚动到装饰>背景尝试制作一个带有基本颜色或渐变的背景 预期的行为是什么？ 我应该能设置背景，除了图片之外，还能设置颜色或渐变。 目前的行为是什么？ 我只能选择一张图片作为背景。 ![图片]（https://user-images.githubusercontent.com/3315834/163210124-fe42c4ee-c436-4654-826c-0c82f017a5fe.png...
bit-ocean
你好@artf 这个功能有可能引起一些关注吗？我觉得这是基本的。自从 0.17.29（Grapesjs-style-BG 插件支持的最后一个版本）以来，grapesjs 增加了许多很棒的功能，我很想使用新版本的 grapesjs。它出色的功能能轻松处理图像的渐变、颜色和透明度图层，这对我来说至关重要，也让我不至于升级。非常感谢你的考虑。
Vac1911
你可以用背景色输入来映射图像颜色，但界面看起来很混乱，应该做些修改。 ![图片]（https://user-images.githubusercontent.com/45333542/163394189-d3a12494-5194-40f7-a2f6-5c23d7702e70.png）
artf
是的，我禁用了之前带有颜色/渐变的插件，因为它不兼容最新版本，但我很快会改进。目前我先关闭这个问题，因为它与核心本身无关。
#42392022年4月5日作者 codingaddicted1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？创建文本块在块（文本颜色）中应用样式创建类并同步其值再次编辑颜色至另一个值再次同步 预期的行为是什么？ 因为在第3点之后，即使在第5点之后，清晰样式的con颜色字段应该消失，标签状态会切换到“警告” 目前的行为是什么？ 第5点以后，职业的数值已正确同步，但清场风格依然有效。此外，按下它会导致一系列无效状态：清晰样式主动 - 同步隐形clear风格pressed清晰样式不可见- 同步可见sync pressed清除样...
ClaudeCode
谢谢你举报，@codingaddicted。 关于在组件优先模式下，同步只在UI反馈下第一次有效，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#42332022年4月2日作者 clonefunnels1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/q7cxvpf5/1/ 描述一下那个虫子 当我使用这段代码时，它在一次div更改后就停止工作，之后也不再接受对其他div进行样式更改： editor.on（'styleable：change'， （model， property） => { const value = model.getStyle（）[property]; 如果 （value.indexOf（'！important'） === -1） { model.addStyle（{ [property]： value + ' ！im...
ClaudeCode
谢谢你举报，@clonefunnels。 StyleManager中带有 ！important broken 的 insert 样式问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复...
#42252022年3月30日作者 Sudhin354 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v9可复制演示链接 不是在那里描述一下那个虫子 如何复现这个漏洞？在 React 应用中安装 Grapes js 并运行制作 Facebook 插件组件并导入 Grapes js（从 https://developers.facebook.com/docs/plugins/page-plugin/ 获取 Facebook 页面列表代码）运行应用程序在编辑器中拖放 Facebook 组件 预期的行为是什么？ 去掉 Facebook 组件后，编辑器里应该会显示 Facebook 页面 目前的行为是什么？ 去掉Facebook组件后，它就不再显示...
artf
我运行 'editor.setComponents（...FB HTML..）` ![Schermata 2022-03-30 alle 16 30 46]（https://user-images.githubusercontent.com/11614725/160859671-e8b1bbb7-a1ee-466c-a306-58ffe02944ed.png） 请提供一个可复现的演示。
Sudhin35
@artf 谢谢你的回复 但你已经添加了editor.setComponents（...FB HTML..）默认操作，然后加载编辑器 请创建一个 Facebook HTML 组件，然后在编辑器中拖放该组件，否则加载不了 我就是这样尝试过的
#42082022年3月22日作者 ronaldohoch4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Brave Last 在 Chrome Last 和 Safari Last 上测试过。 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我有个视频：https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36前往演示页面选择任意元素......将状态设置为“点击”编辑任意边界半径保持元素在其他元素中点击第一个bug：界面会变成“点击”状态样式，之后又会切换到正常状态第二个bug：刷新页面，正常刷新或清除缓存，你会看到样式化的“...
artf
谢谢你的报告@ronaldohoch 这个问题将在下一个版本中修复。
ronaldohoch
@artf成功了！谢谢你 😊
ronaldohoch
@artf我没法本地运行，因为有好几个测试都没通过，你也是这样吗？我能尝试修复它们吗？ 例如： ![图片]（https://user-images.githubusercontent.com/2287371/160130276-227ecfa1-e1cf-459c-971d-590ae684f209.png）
#41962022年3月15日作者 shelendravashishtha24 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 无关联 描述一下那个虫子 如何复现这个漏洞？...使用一个可以在画布上生成组件的演示 json，在属性中设置ID。...use editor.setComponents（json）...设置样式 使用 editor.setStyle（） 函数，针对同一 id 元素 预期的行为是什么？ ...在画布上渲染时不应该更改ID。 目前的行为是什么？ ...ID正在被更改，因此样式无法实现 行为准则 [X] 我同意遵守本项目的行为准则
artf
你好@shelendravashishtha2请你具体说明步骤吗？（我需要知道你说的“json”是什么）
JonathanRiche
我见过如果你在使用 editor.setComponents（） 方法之前不保存 CSS 的引用，就会出现这种情况 使用editor.setComponents（）方法时，元素id选择器/引用中的所有CSS标记都会被移除 我遇到的具体步骤是把编辑器组件的引用保存成 JSON 格式 'let jsonElements = editor.getComponents（）.toJSON（）; editor.setComponents（jsonElements） ` 使用setCom...
JonathanRiche
我想我是在用 editor.getComponents（）.toJSON（） 找到问题的; 它会在一些组件中添加一个空的“style”：“字段，清理CSS 即 “组件”： [ { “类型”：“框” “风格”：“， “属性”：{ “id”：“ic7c” } }, { “类型”：“框” “风格”：“， “属性”：{ “id”：“if5j” } } ]
#41912022年3月10日作者 mastercorp-usa4 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 99.0.4844.5 可复制演示链接 https://jsfiddle.net/ct5r4kvg/ 描述一下那个虫子 如何复现这个漏洞？集成到 Angular 10 应用中，包含以下代码运行时我们在Angular应用中出现CORS错误，而邮递员工作正常 预期的行为是什么？ 我们需要在 API 请求中添加除 grapesJS 属性外的额外对象 目前的行为是什么？ 我们无法添加额外的属性，也出现了 CORS 错误 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： VAR Editor = Grapesjs.init（{ 容器：“#gj...
lalitog
我的服务器端脚本是用PHP写的，所以我在脚本里加了这个代码，对我来说运行得很好—— 头部（'访问-控制-允许-起点：*'）; 头部（'Access-Control-Allow-Methods： GET， POST'）; 头（“访问-控制-允许-头：X-请求-与”）;
mastercorp-usa
请大家帮帮我们解决这个问题，这对我来说非常紧急