#40792022年1月17日作者 jloguercio2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v96 可复制演示链接 没有演示 描述一下那个虫子 我用下面的代码把所有样式都设置为 ！重要 '// 让所有风格都重要以覆盖元素类 editor.on（'styleable：change'， （model， property） => { const value = String（model.getStyle（）[property]）; 如果 （value.indexOf（'！important'） === -1） { model.addStyle（{ [property]： value + ' ！important' }）; } });...
artf
嘿，兄弟，我还没写完发布😅稿，冷静点...... 请在这里阅读 https://github.com/artf/grapesjs/releases/tag/v0.18.1 风格管理器经过大量更新，如果有什么不行，没人会强迫你升级......
ClaudeCode
谢谢你举报，@jloguercio。 *新版本v0.18.1破坏了脚本，使styleable：change中！重要似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeS...
#40712022年1月14日作者 clonefunnels2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 和 Firefox 可复制演示链接 https://www.teamfunnels.net/login.php 演示演示 描述一下那个虫子 缺失要求;.png之后） 当页面上有背景图片但没有显示时，编辑器会这样加载。 <style> #i7u3f{ 背景-图像：URL（https://www.teamfunnels.net/assets/202201141203/img/hero-bg.png） 背景-位置：顶部中心; 背景尺寸：封面; } #i6o6l{ 背景-图片：URL（https://www.teamfunnels.net/as...
clonefunnels
我觉得是换弦导致了这个问题。 抱歉
ClaudeCode
谢谢你举报，@clonefunnels。 页面背景图片无法正常工作的问题，因为CSS加载时没有;URL 末尾似乎存在竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSan...
#40582022年1月8日作者 clonefunnels2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬可复制演示链接 没必要——明显的问题描述一下那个虫子 代码需要这样： data-zanim-lg='{“from”：{“opacity”：1，“x”：70}，“to”：{“opacity”：1，“x”：0}，“ease”：“CubicBezier”，“duration”：0.8，“delay”：0.3}' data-zanim-xs='{“from”：{“opacity”：1，“y”：-37}，“to”：{“opacity”：1，“y”：0}，“ease”：“CubicBezier”，“duration”：0.8，“delay”：0.3}' 编辑器会这...
artf
这不是个bug，而是HTML中属性转义的工作原理。 “''js domEl.innerHTML = '<div data-attr='{“key”： “value”}'>Text</div>'; domEl.innerHTML; -> '<div data-attr=“{”key“： ”value“}”>Text</div>' ```
ClaudeCode
谢谢你举报，@clonefunnels。 连字符改为“by editors messing up modern coding”的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复...
#40422022年1月2日作者 sanjanaadeshra3 个回答
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.ts描述一下那个虫子 附上一张图片，让大家了解编辑器的样子 预期的行为是什么？ 需要加载葡萄 ediotr 目前的行为是什么？ 编辑器加载了，但图标都看不见。行为准则[X] 我同意遵守本项目的行为准则 ![截图 2022-01-02 凌晨3 48 52 （2）]（https://user-images.githubusercontent.com/37732345/147861318-769d...
sanjanaadeshra
我通过直接在grape.min.css文件中添加字体、极棒的图标、css，解决了这个问题。 我不明白为什么非得这么做，因为CSS已经被导入了，虽然用这个变通方法还行，但如果能提出更简洁的解决方案会更好。
artf
你的演示似乎加载不了，而且你用的Grapesjs版本相当过时（“0.14.15”）。 请升级，下次打开相对于最新版本的新漏洞问题。
ClaudeCode
谢谢你举报，@sanjanaadeshra。 在 Angular 应用加载时图标未加载的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有...
#40102021年12月11日作者 clonefunnels1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome / Firefox 可复制演示链接 https://www.teamfunnels.net/login.php 演示演示 描述一下那个虫子 当我用这个代码让所有风格都变得重要时...... editor.on（'styleable：change'， （model， property） => { const value = model.getStyle（）[property]; 如果 （value.indexOf（'！important'） === -1） { model.addStyle（{ [property]： value + '...
ClaudeCode
谢谢你举报，@clonefunnels。 * 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：* 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 G...
#39722021年11月23日作者 ronaldohoch2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Brave Versão 1.32.106 Chromium： 96.0.4664.45 （Versão oficial） 64 bits 可复制演示链接 https://jsfiddle.net/960huLz5/ 描述一下那个虫子 如何复现这个漏洞？开放葡萄运行： 'editor.addComponents（'<noscript><img src=“”></noscript>'）;'打开出口模态检查该图片是否在无单标签标签中 4.1. ![图片]（https://user-images.githubusercontent.com/2287371/...
artf
你好@ronaldohoch谢谢你的报告。 你说的没错，但不幸的是，这是自带HTML的DomParser的解析结果，所以我看不到有什么合适的修复方法。 “''js const parser = new DOMParser（）; console.log（解析器.parseFromString（'<noscript><img/></noscript>'， 'text/html'））; 你会看到它如何放入<noscript>内部<head>和<img> <body>
ClaudeCode
谢谢你举报，@ronaldohoch。 关于不能在Noscript标签内丢弃img，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'...
#39512021年11月17日作者 majidh13 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 无关联 描述一下那个虫子 editor.on（“asset：upload：start”，console.log）无法工作 在编辑器 0.17.26 版本不工作后，资产管理器事件 asset：upload：start 或 asset：upload：end 在编辑器中出现 ** 我在调试代码时发现了这个 “''js 文件：src/assetmanager/index.js cont { 模 } = 此;模未定义 module & & module._propEv（'资产：上传：开始'）; ```行为准则 [x] 我同意遵守本项目的行...
artf
这里已修正 https://github.com/artf/grapesjs/pull/3934/files
ClaudeCode
谢谢你举报，@majidh1。 资产管理上的事件无法正常工作似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包...
#39502021年11月17日作者 ttjpatric1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v95 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？...... 预期的行为是什么？ 当我们把图片拖放到链接块对象中时，两个对象都是链接的。 目前的行为是什么？ 当我们把图片拖拽到链接块对象上时，这些对象并没有被链接。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 无 ![葡萄错误-1]（https://user-images.githubusercontent.com/94492218/142075536-da5999bd-1c4...
ClaudeCode
谢谢你举报，@ttjpatric。 关于无法创建图片链接的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#39482021年11月16日作者 Sudhin352 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞？安装Grapes js并实现select组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么？输入的选项不应在该组件的特征管理器中重置已输入的选项应在该组件的特征管理器中可见 目前的行为是什么？ 每次页面重新加载后，“我的选项”（在特质中）都会被重置 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则 [X] 我同意遵守本项目的行为准则
artf
你好@Sudhin35请按照[此API]（https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type）来创建自定义特征，我强烈建议将选项作为组件属性存储，而不是使用内部组件
ClaudeCode
谢谢你举报，@Sudhin35。 关于我的选项（在特质中）每次重载页面后都会重置，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#39392021年11月13日作者 xQwexx4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261描述一下那个虫子 如何复现这个漏洞？ 我正在尝试创建一个自定义组件，包含拖拽端放功能， 由于修复了#2904，可拖拽属性被完全关闭。 预期的行为是什么？ 使得有意拖拽的自定义组件可以作为预览 目前的行为是什么？ 目前预览版中所有可拖拽事件均被禁用 我也愿意先做个PR，我想先讨论一下解决这个问题的最佳方式， 或者这可能是项目的设计决定。行为准则[X] 我同意遵...
artf
@xQwexx你好，在这种情况下你会怎么解决？我们还是需要在预览版中保持D&D的关闭。 你能不能也发布你的组件代码，以便更好地理解使用场景？
no-response[bot]
由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。
xQwexx
你好@artf我更新了一个演示，我的建议是使用'attributes： { draggable： 'true'}'，在预览中指示组件是否可拖曳，组件模板的拖拽处理保持如' attributes： { draggable： 'true'， ondrop： 'drop（event）'， ondragover： 'allowDrop（event）'}' 我现在不太确定具体怎么处理， 但如果没有这个属性，我会把可拖拽的 html 标签改为 false，当我们切换到预览时。