#43882022年6月15日作者 ghost2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何浏览器 可复制演示链接 https://jsfiddle.net/sohrabi2050/yrL2aqft/ 描述一下那个虫子 特征按钮命令在 v [v0.18.4]（https://github.com/artf/grapesjs/releases/tag/v0.18.4）正常工作，但在 [v0.19.4]（https://github.com/artf/grapesjs/releases/tag/v0.19.4）中则不行。 下面有两个示例，分别在Grapejs窗口中点击下方示例中的链接对象之一，然后参考特征选项，你会看到一个按钮，点击它，应该...
artf
谢谢@sohrabi2050下次发布时会修复。
ClaudeCode
谢谢你举报，@ghost。 按钮特性命令不起作用似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 Gra...
#43852022年6月15日作者 froodian2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 https://grapesjs.com/docs/modules/Commands.html#stateful-commands 描述一下那个虫子 如何复现这个漏洞？ 在Typescript设置中， “''t” 从“grapesjs”导入葡萄; export const ExportPlugin = （editor： grapesjs.编辑） => { 编辑。Commands.add（“render html”， （editor） => { 返回“<html><body>示例</body></html>”; });); };...
ClaudeCode
谢谢你举报，@froodian。 关于index.d.ts的建议很棒，说执行命令应该返回虚无值，但文档说他们的返回值可能会被使用！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来...
#43842022年6月15日作者 froodian1 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 任何可复制演示链接 https://grapesjs.com/docs/modules/Components.html#component-definition描述一下那个虫子 如何复现这个漏洞？https://github.com/artf/grapesjs/blob/dev/index.d.ts#L2055 显示组件为“骨干。集合<Component>”https://grapesjs.com/docs/modules/Components.html#component-definition 显示了一系列组件的提供 预期的行为是什么？ JS的实现示例...
ClaudeCode
谢谢你举报，@froodian。 关于index.d.ts说组件必须是Backbone.Collection，<Component>但文档说Component[]也被接受。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'chan...
#43332022年5月17日作者 Merorh1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chromium 101.0.4951.64（官方构建）快照（64位） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？选择图片并调整大小——并按住鼠标按键调整大小通过键盘删除按钮删除图片，同时按住鼠标并调整图片大小 预期的行为是什么？ 图片已删除 目前的行为是什么？ 图片被删除，控制台显示大量错误日志： 后者日志的实例随着每次新的操作和错误重复而不断增加。行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@Merorh。 关于未捕获类型错误：无法读取空属性（读取“ownerDocument”）的好问题。推荐的 Keyboard 方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log...
#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...
#42852022年4月25日作者 zauchad2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v100.0.4896.127可复制演示链接 没有演示链接。描述一下那个虫子 如何复现这个漏洞？直接在工具栏内放置更大的图标（例如font awesome class： fa-2x）： 预期的行为是什么？ 组件的动作工具栏应该正确调整其宽度、填充和相对于组件的位置（目前每个图标的单元宽度是硬编码的）。 目前的行为是什么？ 这里有一个可视化示例，展示了更大工具栏图标和工具栏的样子： <img width=“1054” alt=“Zrzut ekranu 2022-04-25 o 11 08 41” src=“https://user-imag...
artf
保持工具栏项目大小固定有很多原因，如果你想让它们变大，可以直接更新CSS。
ClaudeCode
谢谢你举报，@zauchad。 关于[组件工具栏]工具栏宽度没有正确调整大小的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#42632022年4月16日作者 omkar1111112 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 可复制演示链接 描述一下那个虫子 抱歉在这里问。但我很着急。 我正在创建一个为客户托管网站的服务。 那么，对于每个新网站，GrapeDrop 会专门为该网站创建新的证书吗？假设我在GrapeDrop中指向我的域名来“在 example.com”。 它是专门为“example.com”创建SSL证书，还是使用已有的？ 另外，如果GrapeDrop创建了新的证书。它是如何动态识别GrapeDrop Web服务器应服务哪个SSL证书的？如果你用的是Nginx，能给我看一个示例代码块吗？ 行为准则 [X] 我同意遵守本项目的行为准则
artf
请避免使用 GrapesJS 的问题来解答非主题问题。
ClaudeCode
谢谢你举报，@omkar111111。 关于SSL证书如何实现？是个很好的问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#42562022年4月13日作者 m-jojo-s2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 98.0.4758.80（官方构建）（arm64） 可复制演示链接 https://jsfiddle.net/bd2kpjwf/ 描述一下那个虫子 如何复现这个漏洞？添加两个分量打开浏览器开发工具并启用设备模式（CMD+SHIFT+M）拖拽组件 预期的行为是什么？ 组件会被移动 目前的行为是什么？ 什么都没发生。阻力没有被记录 包含 gjs-touch 插件也没用。任何线索都将不胜感激。 行为准则 [X] 我同意遵守本项目的行为准则
artf
触摸插件多边填充只有在你已经启用触摸设备时才会工作（试用[演示]（https://grapesjs.com/demo.html）），所以如果你之后启用触摸设备，它就无法使用。
ClaudeCode
谢谢你报告，@m-jojo-s。 关于触摸拖放不工作的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 ed...
#42552022年4月13日作者 am1rb2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v98.0.4758.80可复制演示链接 https://jsfiddle.net/am1rb/3uzkn5t7/8/描述一下那个虫子 如何复现这个漏洞？在画布上渲染一个简单的组件将组件的程序性设置为可拖曳=false在编辑器中选择组件移动按钮存在于提示中，但无法使用 预期的行为是什么？ 组件工具栏应该重新渲染，如果可拖拽道具设置为false，移动按钮应该被移除。可复制和可拆卸道具也有同样的问题。 目前的行为是什么？ 移动按钮存在但无法使用，控制台上会出现以下错误： ![图片]（https://user-images.githubuserc...
artf
是的，工具栏其实不是动态的，所以如果你需要重新计算，必须手动强制 “''js model.set（{ draggable： false， toolbar： null }） model.initToolbar（）; ```
ClaudeCode
谢谢你举报，@am1rb。 关于如果你在程序上将可拖拽道具设置为false，初始工具栏的移动按钮不会被移除，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console...
#42502022年4月11日作者 dinosaurawr2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v 100.0.4896.75 可复制演示链接 https://stackblitz.com/edit/typescript-ou8qpc?file=index.ts&view=editor 描述一下那个虫子 如何复现这个漏洞？尝试用葡萄开头index.d.ts 预期的行为是什么？ 编辑器初始化时无错误 目前的行为是什么？ 'Type'[字符串， 任意]' 不可分配到类型 '[]'。 Source有2个元素，但目标只允许0'行为准则 [X] 我同意遵守本项目的行为准则
artf
谢谢@dinosaurawr在这里解决了这个问题 https://github.com/artf/grapesjs/pull/4216/files
ClaudeCode
谢谢你举报，@dinosaurawr。 关于init（）方法类型错误的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细...