#55632023年12月18日作者 leo-budgetsimple1 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 最新版本的Chrome浏览器可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞？ 用这段代码用 grapesjs 渲染一个 html 字符串（我启用了 allowScripts） 这是渲染好的画布 ![图片]（https://github.com/GrapesJS/grapesjs/assets/107002063/21087a5d-348b-4e16-a349-43243ac8f2e1） 这是可以导出的HTML字符串图片 ![图片]（https://github.com/GrapesJS/gr...
ClaudeCode
谢谢你报告，@leo-budgetsimple。 关于脚本标签的属性正在画布上被移除，这是个很棒的建议。!虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“c...
#55562023年12月13日作者 pittleCheung2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？ editor.addComponents（' <ul class=“mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0” role=“tablist” data-te-nav-ref > <li role=“演示”> <a class=“my-2 方块 border-x-0 border-b-2 border-t-0 border-透明 px-7 p...
artf
已经报告并修复了 https://github.com/GrapesJS/grapesjs/issues/5525
ClaudeCode
谢谢你举报，@pittleCheung。 关于课程太多会导致网页崩溃的问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#55492023年12月6日作者 driskell4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 狩猎17可复制演示链接 https://grapesjs.com/demo-mjml.html描述一下那个虫子 如何复现这个漏洞？https://grapesjs.com/demo-mjml.html查看代码 - 复制MJML导入代码 - 粘贴 MJML，并在顶部添加“<mj-head><mj-preview>Some preview text</mj-preview></mj-head>”现在尝试编辑它 <img width=“878” alt=“截图 2023-12-06 14 23 53” src=“https://github.com/Grape...
artf
这不是核心相关的问题，而且很可能根本不是问题，因为<mj-preview>默认在mjml插件中“''[不支持]（https://github.com/GrapesJS/mjml/tree/master/src/components）
driskell
@artf 抱歉，我不太明白。这确实是个详细的问题。这需要在另一个仓库上提出吗？我对这里的内部结构不熟悉，所以不知道GrapesJS/mjml需要支持什么，才能让这个仓库不显示它
driskell
Head中记载： https://github.com/GrapesJS/mjml/blob/master/src/components/Head.ts#L14
#55452023年12月5日作者 AFriboulet-ii1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 119.0.6045.200 可复制演示链接 https://jsfiddle.net/d64pkcom/1/ 描述一下那个虫子 如何复现这个漏洞？在 Canvas 中拖拽组件文本观看jsfiddle控制台 预期的行为是什么？ 不要触发RTE：禁用 目前的行为是什么？ 触发RTE：禁用 https://github.com/GrapesJS/grapesjs/assets/128728949/b7fc7998-aeef-47d5-84f4-af74966d56cf行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@AFriboulet-ii。 关于拖拽组件类型的文本触发“rte：disable”，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console....
#55422023年12月4日作者 brenoassp2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 119.0.6045.200 64位 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？拖拽视频块到画布中点击视频，选择YouTube作为提供者。添加任何视频ID，比如lDK9QqIzhwk，并勾选自动播放选项。点击查看代码按钮，查找生成的iframe。URL大致是：“https://www.youtube.com/embed/lDK9QqIzhwk?&autoplay=1&muted=1”。 预期的行为是什么？ 预期的行为是自动播放生成的HTML视频。 目前的行为是什么？...
artf
看起来静音属性在Vimeo上是正确的，但YouTube上不行。我会推修，谢谢。
ClaudeCode
谢谢你举报，@brenoassp。 关于YouTube自动播放错误的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#55362023年11月29日作者 adiux1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 119 可复制演示链接 https://jsfiddle.net/bj7afw63/1/ 描述一下那个虫子 如何复现这个漏洞？装填小提琴尝试添加默认RTE（非CKE）的链接界面中没有任何变化，控制台出现 JS 错误：TypeError： $ 不是函数 预期的行为是什么？ 在 mj-text 组件的界面中添加了一个链接。 目前的行为是什么？ 链接未被添加。 我目前发现的 我追踪到了GJS方法：[getModel（）]（https://github.com/GrapesJS/grapesjs/blob/149a9b2ad4e40eee...
ClaudeCode
谢谢你举报，@adiux。 关于无法添加链接：getModel（） 失败，TypeError： $ 不是函数，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => co...
#55302023年11月25日作者 Harshsne261 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://codepen.io/dhanadsp1120/pen/ExrRvOB 描述一下那个虫子 如何复现这个漏洞？通过调用 um.stop（） 禁用撤销管理器。对内容进行修改。使用 um.start（） 重新启用撤销管理器。 预期的行为是什么？ 按下Ctrl+Z后，系统应恢复到停止撤销管理器前的状态，只显示重新启用后所做的更改。 目前的行为是什么？ 按Ctrl+Z会跳转到前一步，表示所有更改都在跟踪，尽管撤销管理器暂时停止。 ![撤销管理器]（https://github.com/GrapesJS/gr...
ClaudeCode
谢谢你举报，@Harshsne26。 关于*撤销管理器开始和停止功能没有如预期的好问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#55252023年11月19日作者 duydvu2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Edge v119.0.2151.72 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好，感谢你创建了一个了不起的项目。我想报告使用GrapesJS时发现的一个问题。 如何复现这个漏洞？选择一个组件添加任意名称的类，直到组件超过20个类。选择另一个组件并重新选择该组件。 预期的行为是什么？ 不应该有性能问题。 目前的行为是什么？ 浏览器会卡顿一段明显的时间。新增的职业越多，卡顿时间越长。当组件有23个类时，我的浏览器会冻结10秒。 这是使用 TailwindCSS 时常见的问题，因为课程很多。例如，...
artf
同意建议，我会相应更新。谢谢@duydvu
ClaudeCode
谢谢你举报，@duydvu。 关于在单个组件中添加超过20个职业时性能问题的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...
#55232023年11月18日作者 lexoyo2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？选择舞台上的组件用 CTRL+c 复制组件选择实体（取消选择组件）用CTRL+V粘贴 预期的行为是什么？ 在正文末尾粘贴当前页面 目前的行为是什么？ 由于以下条件，它什么都不做： https://github.com/GrapesJS/grapesjs/blob/8025b95a645907574389e950f32950190ceb602c/src/commands/view/PasteComponent.ts#L14行...
lexoyo
注意，这个bug导致无法将元素复制粘贴到空白页面
ClaudeCode
谢谢你举报，@lexoyo。 关于在没有选择时粘贴的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 edi...
#55032023年11月6日作者 MaxwellTheSecond3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 没有 描述一下那个虫子 Component.ts 的 replaceWith 方法没有字符串类型。 预期的行为是什么？ 我应该可以用字符串替换组件，比如示例中的“component.replaceWith（<div>'Some new content</div>'）;” 目前的行为是什么？ ![葡萄问题]（https://github.com/GrapesJS/grapesjs/assets/81811949/67837b49-a81f-4c07-a8b1-9d5481f457a1）行为准则 [X] 我同意遵守本项目的行为准则
artf
合并 https://github.com/GrapesJS/grapesjs/pull/5504
ClaudeCode
谢谢你举报，@MaxwellTheSecond。 replaceWith 方法没有字符串类型的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——...