#60442024年8月7日作者 danstarns2 个回答
在整个代码库中，我们构建并关联了基于非常旧版本Node.js的依赖。 参见： https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/publish.yml#L15 https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/build.yml#L15 https://github.com/GrapesJS/grapesjs/discussions/5973 https://github.com/GrapesJS/grapesjs/blob/dev/CONTRIBUTING.md?plain=...
danstarns
相关报道：https://github.com/GrapesJS/grapesjs/issues/6048https://github.com/GrapesJS/grapesjs/issues/6049
ClaudeCode
谢谢你举报，@danstarns。 关于Node JS LTS版本的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#60402024年8月6日作者 Vampire-V4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 127.0.6533.89（官方构建）（64 位） 可复制演示链接 描述一下那个虫子 请检查此事。selectern的值未定义。我在React里用它，结果出现了错误异常。 /*返回所选组件的模型@return {Component|null}@public / EditorModel.prototype.getSelected = function （） { return this.selected.lastComponent（）; }; ![图片]（https://github.com/user-attachments/assets/2eaf...
artf
@Vampire-V，请正确遵循bug问题模板。没有可复现的演示，我们无法帮你。
Aravinth-2020
### 葡萄JS版本[x] 我确认使用最新版本的GrapesJS### 你用的是什么浏览器？版本 127.0.6533.89（官方构建）（64位）### 可复制演示链接### 描述一下那个虫子请检查此事。select的值为未定义。我在React里用它，结果出现了错误异常。/* 返回所选组件的模型 @return {组件|null} @public */ EditorModel.prototype.getSelected = 函数 （） { return this.selec...
Aravinth-2020
嘿，@Vampire-V，请正确遵循漏洞问题模板。没有可复现的演示，我们无法帮你。 你能分享一下解决办法吗？ 我选择开放图层管理器时也遇到同样的问题，这个问题是在我自定义左边栏面板中选择另一个页面后出现的。
#60382024年8月6日作者 dharma-glui2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://jsfiddle.net/6bn43a05/描述一下那个虫子 如何复现这个漏洞？为HTML标签添加点击事件 预期的行为是什么？ 加载到编辑器后不应该删除该事件 目前的行为是什么？ 它会从 HTML 中移除点击事件 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 不需要额外添加代码 ``` 同样的问题在这里报告： https://stackoverflow.com/questions/78496572/grapesjs-removes-onclick-attributes-how-to-prevent-i...
artf
这是出于安全考虑，但你可以用“config.parser.optionsHtml.allowUnsafeAttr”选项禁用它（风险自负）：https://github.com/GrapesJS/grapesjs/blob/819bfcf44bb23d51990eba3b4330e9932df59cde/src/parser/config/config.ts#L116
ClaudeCode
谢谢你举报，@dharma-glui。 关于像按钮上的点击事件这样的内联事件声明正在被移除的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#60322024年8月3日作者 aswinkumar8632 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v126 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞？打开[演示]（https://grapesjs.com/demo）双击任意现有的图像组件以打开资产管理器。将视频文件拖拽到图片上传区。等待视频文件上传。点击上传的视频资源选择它。 注意： 这个问题只在拖放时出现。视频组件也受此影响。 预期的行为是什么？ Image 组件应防止错误的文件类型选择。如果资产管理人第一步阻止上传错误类型的文件，那会更好。行为准则 [X] 我同意遵守本项目的行为准则
artf
感谢@aswinkumar863报告。我很乐意合并修复的PR。
ClaudeCode
谢谢你举报，@aswinkumar863。 关于Image Component允许通过拖放上传和选择视频文件的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义...
#60122024年7月21日作者 aswinkumar8631 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v126 可复制演示链接 https://codepen.io/aswinkumar863/pen/VwJaVYG 描述一下那个虫子 如何复现这个漏洞？打开[演示]（https://codepen.io/aswinkumar863/pen/VwJaVYG）。点击编辑正文中的“点击我”部分。导航到Style Manager并选择General > Top。在输入框中输入任意数字，但不点击外部。点击上或下箭头。 注意： 仅在输入字段未点击外部时观察到此行为。数字特征也受此问题影响。 预期的行为是什么？ 输入数字应与当前输入的值递增或递减。...
ClaudeCode
谢谢你举报，@aswinkumar863。 关于输入数字值在使用上下箭头时不会持续存在的问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（...
#59892024年7月4日作者 ihatov083 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/vbu18q5f/2/ 描述一下那个虫子 如何复现这个漏洞？如果标签嵌套，则无法在画布上选择 Demolink中的第2节块在section标签里面有div标签。 第2节 块无法在Canvas中选择部分标签，div标签被选中。 这带来了两个问题。选中了div标签，所以当你尝试删除画布上的方块时， 只有 div 标签会被删除，section 标签会保留。 你不能从画布中删除所有方块元素，所以要删除所有方块元素，必须在图层管理器中删除它...
ihatov08
@artf 抱歉，框架并不像你说的那样解决所有问题。 我以后会认真阅读文档。 谢谢你的回复。
artf
这不是个bug，更像是与HTML整体工作方式相关的用户体验问题，这也是我们在工具栏里提供“选择父”按钮的确切原因。 不要指望框架能帮你解决所有问题，提供用户友好界面和更好的用户体验是开发者的责任，有很多[组件属性]（https://grapesjs.com/docs/api/component.html#properties）可以帮上忙。
ClaudeCode
谢谢你举报，@ihatov08。 关于如果标签嵌套，无法在Canvas上选择，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#59692024年6月25日作者 uncldrw1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome LTS 可复制演示链接 / 描述一下那个虫子 我注意到导出代码时@container指令缺少空白。 这是我提供的代码： “''CSS @container便携（最大宽度：639px）{ .teaser-paaheadline { 字体大小：24px; 线高：29px; 最大宽度：272像素; 净胜率：0 自动; } } 为了确保间距，我尝试加了一个“逃脱”空格，但没成功： “JavaScript @container 可携\u0020（最大宽度：639px）{.teaser-paawrapper{max-width：calc（100%...
ClaudeCode
谢谢你举报，@uncldrw。 Name of @container指令在导出 CSS 时缺少空格的问题，似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox...
#59422024年6月12日作者 adarshsingh1972 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 我在期刊中提供了代码 描述一下那个虫子 [截屏时间：2024年12月6日 下午3：09：58 IST.webm]（https://github.com/GrapesJS/grapesjs/assets/130237200/d5bbb21e-2e44-4564-a407-4768776c1cd8） 问题是，刚应用任何加粗或斜体后，点击某处就会消失。 onMounted（async （） => { componentsTypeScript.value = {}; componentsDefaults.value = {}; appI...
artf
从官方演示来看，它似乎按预期工作，所以我猜这和你的自定义逻辑有关。 请提供一个简短且可复现的问题演示。
ClaudeCode
谢谢你举报，@adarshsingh197。 错误 error： any） { 发生在 ProseMirror 尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.getPlugins === 'function'） { 你的准则 } ``` 根本原因分析： ProseMirror 在调用 'ge...
#59412024年6月11日作者 shahsalmanbukhari3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 125.0.6422.113 可复制演示链接 <script src=“https://grapesjs.com/js/toastr.min.js”></script> 描述一下那个虫子 如何复现这个漏洞？只需点击这些链接中的任意一个，他们会显示404页 预期的行为是什么？ 它应该能从CDN加载文件 目前的行为是什么？ 文件不会从CDN加载 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 不，需要执行，只需点击任何提供的链接 ```行为准则 [X] 我同意遵守本项目的行为准则
artf
嘿，@shahsalmanbukhari你说的不是CDN，而是公开网站上的简单资源。请不要使用它们，因为没有版本控制，甚至不保证不会被迁移（因为网站迁移导致的）。 请使用真实的CDN作为使用方式 https://unpkg.com/grapesjs
shahsalmanbukhari
嘿@shahsalmanbukhari你说的不是CDN，而是公共网站上的简单资源。请不要使用它们，因为没有版本控制，甚至不保证不会被迁移（因为网站迁移导致的）。使用真实的CDN作为 https://unpkg.com/grapesjs 你好@artf 非常感谢，让我试试你建议的解决方案
ClaudeCode
谢谢你举报，@shahsalmanbukhari。 关于GrapesJS CDN无法使用的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'...
#59222024年5月30日作者 omerson-cruz2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ v125.0.6422.113（官方构建）（64位） 可复制演示链接 https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 描述一下那个虫子 如何复现这个漏洞？将视频内容拖到画布上。选择视频组件和角色设置/特征选择“YouTube”作为提供者粘贴YouTube源的视频ID。确保“控制”特性已启用尝试点击播放或调整视频分量的音量，但不起作用 预期的行为是什么？ 预期：当 Video 的“控制”启用后，用户可以使用视频界面的控制，比如“播放”、“调整...
artf
编辑过程中你不能与iframe互动，否则就无法从画布中选择它。 不过预览时你会检查iframe的互动。
ClaudeCode
谢谢你举报，@omerson-cruz。 关于无法使用视频组件UI控件的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...