#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：*”事件进行细...
#42492022年4月8日作者 iamqinglong3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我正在使用外部设备将图像块拖曳到画布上从自定义模态中选择图像查看代码检查模型/目标对象属性 预期的行为是什么？ 导出代码的“src”属性应包含实际的URL“<img src=”actual-url“ />' 目前的行为是什么？ 我正在使用一个外部模块来自定义资产管理。 model/target 的“src”属性应该包含实际的URL。 <img width=“682” alt=“截图 2022-04-08 下午2点26分” src...
m-jojo-s
要么使用 select.set（'src'， doc.URL）要么启用 unsafe html 属性 参见#4148
artf
是的，我建议你直接切换到“select.set（'src'， doc.url）'，就像之前建议的那样。
ClaudeCode
谢谢你举报，@iamqinglong。 关于导出HTML中图片字符不会改变的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#42482022年4月7日作者 protozoo2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ VSCode（VSCode 扩展中的 WebView） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？创建一个新的 vscode 扩展（或使用你已有的扩展）创建一个包含 HTML 文档的 Webview，加载 GrapesJS 演示的 iframe（见下方示例代码）运行扩展和 webview 以加载 GrapesJS 演示尝试在画布上拖拽葡萄块 预期的行为是什么？ 拖曳的方块应加入画布 目前的行为是什么？ 拖拽的组件不会被添加到画布中。 你可以在这里观看一个展示问题的视频：https...
artf
你好@protozoo我不太清楚具体原因，但看起来 vscode iframe（可能是沙箱的）阻碍了原生的 HTML5 拖放功能（这是块上用的操作）。 由于这与核心内容不完全相关，我就把这个问题移到讨论区。
ClaudeCode
谢谢你举报，@protozoo。 关于在VScode扩展网页视图中阻挡拖放交互失败的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'som...
#42472022年4月7日作者 gustavohleal2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 v96 可复制演示链接 https://grapesjs.com/demo-mjml.html 描述一下那个虫子 如何复现这个漏洞？添加一个单列组件选择列点击工具栏上的复制按钮重复步骤2和3，组件为两列、三列和导航栏链接，嵌入导航栏组件。移动组件或重复步骤3，第一个克隆体会出现 预期的行为是什么？ 点击复制按钮时，克隆必须出现在原件的侧面。 目前的行为是什么？ 克隆体不会在画布内渲染，而是出现在导出的代码中。 在从这些组件的渲染函数调试时，似乎组件渲染了几步后就消失在grapes.js的函数中。下面的视频展示了一个包含 de navbar 和 n...
artf
抱歉，demo-mjml 是一个插件，与核心无直接关联。因为我没看到组件的默认渲染器存在问题，可能和mjml渲染器有关，我也没有理由让这个问题继续存在。 尽管如此，如果有人能找到问题并且与核心有关，我愿意修复。
ClaudeCode
谢谢你举报，@gustavohleal。 关于组件在克隆、移动或添加时消失/未渲染的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#42422022年4月6日作者 miladmeidanshahi2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://jsfiddle.net/9rt1xm6p/ 描述一下那个虫子 如何复现这个漏洞？ 在 pageManager 中添加页面并设置名称。 预期的行为是什么？ “编辑。Pages.getAll（）[0].name' 应该返回页面名，但返回的是“undefined”。行为准则 [X] 我同意遵守本项目的行为准则
artf
属性不会直接放置在实例上。你可以用 'page.getName（）' 来获取 name 属性。
ClaudeCode
谢谢你举报，@miladmeidanshahi。 关于为页面设置名称无法正常使用的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#42402022年4月5日作者 varadero3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬99 可复制演示链接 没有关联 描述一下那个虫子 如何复现这个漏洞？我在我的typescript angular类中用了grapesjs 0.18.2，导入方式是这样——'import as grapesjs from 'grapesjs';升级至0.18.4版本 预期的行为是什么？ 没有错误 目前的行为是什么？ Typescript 在“import as grapesjs from 'grapesjs”这行时会抱怨;并出现以下错误： 导入词的“葡萄”部分有红色波浪。我猜这是因为“index.d.ts”是在0.18.4（https://githu...
artf
应该在这里解决 https://github.com/artf/grapesjs/pull/4216 我想你应该在当前版本中禁用TS。
aharishsundhar
@artf 我用的是Grapesjs最新版本 ^0.18.4 我安装了 NPM Grapesjs 来运行，index.d.ts文件上出现了错误，能不能请你更新一下问题 NPM安装： ![截图，2022-06-03 12-12-01]（https://user-images.githubusercontent.com/72383148/171802669-b8bde687-a7c4-4a9d-8489-e00d1d3ca165.png） 手动更改本地： ![截图截图，来源于2...
ClaudeCode
谢谢你举报，@varadero。 关于 0.18.4 中 “index.d.ts 不是模块”的好问题，当 grapesjs 导入时，用“import as grapesjs from 'grapesjs';.ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “Ja...
#42392022年4月5日作者 codingaddicted1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？创建文本块在块（文本颜色）中应用样式创建类并同步其值再次编辑颜色至另一个值再次同步 预期的行为是什么？ 因为在第3点之后，即使在第5点之后，清晰样式的con颜色字段应该消失，标签状态会切换到“警告” 目前的行为是什么？ 第5点以后，职业的数值已正确同步，但清场风格依然有效。此外，按下它会导致一系列无效状态：清晰样式主动 - 同步隐形clear风格pressed清晰样式不可见- 同步可见sync pressed清除样...
ClaudeCode
谢谢你举报，@codingaddicted。 关于在组件优先模式下，同步只在UI反馈下第一次有效，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#42362022年4月4日作者 m-jojo-s1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 98.0.4758.80（官方构建）（arm64） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？添加“标签”块从新增组件复制标签页将标签贴到组件外的任何位置 预期的行为是什么？ 复制的标签页不应该被粘贴到“标签页”组件之外。 复制的组件不应粘贴在无法拖拽或拖拽的地方。 目前的行为是什么？ 复制的标签可以粘贴到任何地方。 复制组件的可拖拽/可丢弃属性在粘贴时不被尊重。 应该会在src/commands/view/PasteComponent.js中修复 行为准则...
ClaudeCode
谢谢你报告，@m-jojo-s。 关于粘贴命令不尊重可拖拽/可丢弃属性的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...