#52882023年8月9日作者 pittleCheung2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？Tup-Node SRC/index.ts --format esm，cjs --legacy-output --watch 预期的行为是什么？ 我用vite来做葡萄 目前的行为是什么？<img width=“1126” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/26e08b79-17e9-42ca-9133-dae9a32313d4”><img width=“65...
artf
我觉得你得向 Vite 社区反映这个问题，核心现在用的是 webpack，运行正常
ClaudeCode
谢谢你举报，@pittleCheung。 关于use tsup-node build grapesjs appear Uncaught Error：不支持“codemirror/lib/codemirror”的动态要求，非常好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现...
#52862023年8月8日作者 saharhagekr2 个回答
在较小的笔记本屏幕（比如MacBook）上，图片的边框和某些元素的位置不对（当我点击移动或调整图片大小时） 当编辑器在大屏幕上渲染时，我就没有这个问题了。 我不确定是不是我漏掉了什么配置步骤。 有人能帮帮忙吗？这是常见问题吗？ 例如： <img width=“217” alt=“截图 2023-08-08 下午3点20分19分” src=“https://github.com/GrapesJS/grapesjs/assets/121887023/9b83c4a2-c944-4faf-94e0-3d6bca9c80d1”> <img width=“245” alt=“截图 2023-08-08 下午3：20 25” src=“htt...
artf
@saharelhage请避免将讨论转化为议题。GitHub 问题应仅通过正确遵循模板从[这里]（https://github.com/GrapesJS/grapesjs/issues/new/choose）创建。
ClaudeCode
谢谢你举报，@saharhagekr。 关于图像边界和某些元素位置错误的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#52802023年8月7日作者 fluke7772 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 115.0.5790.114 可复制演示链接 https://jsfiddle.net/mcraf3se/5/ 描述一下那个虫子 你好，我刚开始用GrapesJS，所以很可能我误解了某些根本性的问题。 我在为自定义组件视图设置事件处理程序时遇到了困难。 如何复现这个漏洞？ 在链接的JS小提琴中。将我的分区拖拽到画布上点击其中（应该有带有“stuff”的div）。 预期的行为是什么？ 根据文档[这里]（https://grapesjs.com/docs/modules/Components.html#define-custom-co...
artf
这里的错误是用了箭头函数，只需用 'clickOnElement（） {' 来替代它
ClaudeCode
谢谢你举报，@fluke777。 关于事件处理程序在视图中但不绑定到组件，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something c...
#52742023年8月3日作者 wunksert4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v114 可复制演示链接 https://github.com/wunksert/remix-grapes-error/tree/main 描述一下那个虫子 如何复现这个漏洞？上文的克隆仓库NPM INPM 运行开发 你会看到葡萄iframe和样板画已经被渲染进画布里。尝试导出，你会发现所有葡萄模板也在渲染到画布里打开开发工具，你会看到错误： 补充背景 预期的行为是什么？ 编辑器应该正确地渲染它的样板，和它一样 目前的行为是什么？ 解析器似乎不起作用。编辑器渲染的是用来封装编辑器DOM的iframe。它还导出所有葡萄JS模板。 如果需要...
artf
@wunksert看起来编辑器会多次初始化自己，你是否正确地用 destroy 清除编辑器实例（例如在 useEffect 中）？
wunksert
也许我编辑项目中的结构或命名规范，解决这个问题会更简单。如果比在 GrapesJS Core 里改动更快，我很乐意这么做。
#52692023年8月2日作者 sannila1 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 115.0可复制演示链接 https://jsfiddle.net/varyqjo7/描述一下那个虫子 如何复现这个漏洞？创建一个新的 Angular 项目（版本 16.1.3）Install grapesjs 最新版本 （npm i grapesjs）在angular.json（脚本和样式）中添加css和js添加面板 预期的行为是什么？ el 应该接受面板中的对象。 目前的行为是什么？ el 不接受面板的对象 请见下方附件： ![图片]（https://github.com/GrapesJS/grapesjs/assets/4197981...
ClaudeCode
谢谢你举报，@sannila。 关于Object literal可能只指定已知属性，而'el'不存在于类型'PanelProps'中，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'cha...
#52682023年8月2日作者 SLain1233 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v115 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？将视频组件拖放到画布上。选择YouTube或Vimeo并添加视频ID。激活自动播放复选框。发布或预览页面。 预期的行为是什么？ 视频必须在用户打开页面后自动播放。 目前的行为是什么？ 视频无法启动。行为准则 [X] 我同意遵守本项目的行为准则
SLain123
我自己能修复这个bug，但我无法用fix把分支推送到仓库。看起来我没有推送或创建新分支的权限。
artf
@SLain123你必须从分支 https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository 创建一个PR
ClaudeCode
谢谢你举报，@SLain123。 关于YouTube或Vimeo自动播放不起的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#52632023年7月28日作者 pittleCheung4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？ <img width=“1666” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e14f-486b-85fb-34c170b855dd”> 预期的行为是什么？ 目前的行为是什么？ 我用的是 rewrite ctrl + c 和 ctrl + v 的逻辑 <img width=“681” alt=“image” src=“https://github...
pittleCheung
是的，你说得对，我复制了所有匹配的样式，这样我可以粘贴到任何地方，甚至跨浏览器粘贴，我觉得这非常有用。当我删除组件时，对应的样式不会被移除。这是一个大问题，当我在同一个网站上多次复制粘贴时，会导致大量重复的样式，容易引发样式冲突。 所以我不能指望那些风格被简单删除。如果可能的话，我会很感激一些建议。 “如果你复制了所有匹配的样式，它还会包含其他元素使用的样式，所以你不能指望那些样式被简单删除。”
artf
我不明白这怎么会是核心漏洞。 你用的是自己的复制粘贴逻辑，感觉也不对，你应该注意每个组件/规则的唯一ID。删除这些子组件后，它们的样式依然保留。 如果你复制了所有匹配的样式，它还会包含其他元素使用的样式，所以不能指望那些样式被简单删除。 请，如果你提交了bug，务必提供可复现的演示。
#52492023年7月24日作者 pittleCheung3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？ 编辑？Css.addRules（targetCss）; 预期的行为是什么？ 编辑？Css.addRules（targetCss）; 它为结尾增添了风格 <img width=“826” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/28425b0a-b9f7-46a8-b8bc-736aa112cc3c”> 目前的行为是什么？ 我帮忙编辑吗？Css.addRules（...
artf
这不是个bug，'Css.addRules'没有任何选项参数。 你可以就这个话题展开讨论，我们可以看看是否有必要引入它
pittleCheung
好的，我明白了，我需要在数组前面添加样式，而不是在最后。比如 arr.unshift（css）。我该怎么做？我可能需要你帮帮我
ClaudeCode
谢谢你举报，@pittleCheung。 关于编辑？的好问题。Css.addRules（targetCss）;.推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#52452023年7月16日作者 riteshdalal4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 114.0.5735.198 可复制演示链接 https://jsfiddle.net/riteshdalal/obnx7sg3/22/ 描述一下那个虫子 如何复现这个漏洞？在模型中创建一个带有 editable：false 的组件将组件放置在画布上 预期的行为是什么？ 不可编辑组件的内容不应被GJS解析 目前的行为是什么？ 不可编辑组件的内容会被解析并可编辑 请查看附带的演示链接行为准则 [X] 我同意遵守本项目的行为准则
artf
“可编辑”属性默认没有意义，只有其他扩展组件如“文本”或“图像”在内部使用。
riteshdalal
@artf我们如何创建一个组件，使 GJS 不解析这些子节点。
riteshdalal
“可编辑”属性默认没有含义，只被其他扩展组件如“文本”或“图像”内部使用。 这在旧版GJS上是有效的。0.21.3 版本就完全不工作了
#52412023年7月14日作者 hanzuken2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 114.0.5735.199（官方构建）（64 位） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？启用绝对拖拽模式 'editor.editor.set（'dmode'， 'absolute'）''将变焦调至50 “编辑。Canvas.setZoom（50）'选择一个组件。按下工具栏上的移动按钮 预期的行为是什么？ 光标与元素之间的距离与画布缩放为100时相同。 目前的行为是什么？ 光标与元素之间的距离相对较远。行为准则 [X] 我同意遵守本项目的行为准则
artf
与绝对模式相关的问题在此 https://github.com/GrapesJS/grapesjs/issues/3770
ClaudeCode
谢谢你举报，@hanzuken。 关于元素绝对位置和光标位置在缩放画布中移动时不同的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...