#40292021年12月22日作者 jloguercio2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v96可复制演示链接 没有演示描述一下那个虫子 如何复现这个漏洞？在块管理器中添加超过1000个方块，我这里是7864个字体的超棒图标。尝试从方块面板拖拽任意方块 解释 我把所有字体 Awesome Pro 图标都加成了单块，使用下面的代码，其中 jsonIcons 是一个包含所有 7,864 个图标的 json 变量，我需要用 archieve 把列表里的每个图标拖拽到 canvas 上 “''js $.each（jsonIcons，function（index， value） { let fontAwesomeIcon = { 类别：“...
artf
针对你，我建议创建一个[自定义块管理器]（https://grapesjs.com/docs/modules/Blocks.html#customization），你可以根据需要调整块的界面（比如搜索、DOM虚拟化等）。
ClaudeCode
谢谢你举报，@jloguercio。 关于在拥有1000+自定义块时，拖块到Canvas性能的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...
#40262021年12月22日作者 johnkeel-thork1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 96 可复制演示链接 https://advhub.net/communities/admin/pageeditor2/ 描述一下那个虫子 如何复现这个漏洞？查看devices-c div填充 <img width=“223” alt=“截图 2021-12-22 10 05 35” src=“https://user-images.githubusercontent.com/26764290/147075268-2e88d498-dcfc-4bb0-a70a-a5516c377129.png”> 预期的行为是什么？ 应该包含在 gjs...
ClaudeCode
谢谢你报告，@johnkeel-thork。 关于 .gjs-devices-c 上填充错误的问题，真是个好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log...
#40242021年12月22日作者 mingxin-yang4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞？https://grapesjs.com/demo-newsletter-editor.html 用CKeditor，我不确定是不是配置问题首先在文本部分输入长内容，并滚动到屏幕中央当你在中间粘贴一段文本时，视图会滚动，但那不是粘贴的位置 ![录屏 (1)]（https://user-images.githubusercontent.com/23076937/147042883-46b7ff63-a...
artf
这个问题来自CKEditor本身，所以如果有补丁要应用，应该在插件层面应用（我甚至不确定是否可行），因为它和核心无关。
bernhardmiller
@mingxin阳 我也遇到过类似的 CKEditor 和滚动问题。对我来说，是用户按下回车键时发生的。如果葡萄文档太长，画布就会往下滑太多。 我不得不在 CKEditor 中解决这个问题，方法是从 Enterkey 插件中移除这行： https://github.com/ckeditor/ckeditor4/blob/f6dd30807a1c7cb585f376a38fb13dffd2213a75/plugins/enterkey/plugin.js#L432 也许有类似...
#40202021年12月17日作者 cunj122 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v96 可复制演示链接 https://jsfiddle.net/1hrLxdba/30/ 描述一下那个虫子 如何复现这个漏洞？将 svg 文本块拖曳到画布上。通过 svg-text 特性更改其内容点击打印html 预期的行为是什么？ 编辑器HTML应打印时，文本元素的文本内容也要有所变化。 目前的行为是什么？ 编辑器的 html 是直接打印的，但没有应用的更改行为准则 [X] 我同意遵守本项目的行为准则
artf
你需要[更新组件内容]（https://grapesjs.com/docs/api/component.html#components），而不是DOM
ClaudeCode
谢谢你举报，@cunj12。 关于在编辑器中调用getHtml时，SVG文本内容未更新的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...
#40152021年12月15日作者 YairNa3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v96 可复制演示链接 https://jsfiddle.net/emgbo8k1/3/ 描述一下那个虫子 如何复现这个漏洞？将三列积木添加到画布上拖放以改变列的顺序 预期的行为是什么？ 拖放应该能正确设置位置 目前的行为是什么？ 拖放后列的位置不正确。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js editor.getWrapper（）.addClass（“gjs-wrapper”）; 编辑。Css.setRule（'.gjs-wrapper'， { 导演：“RTL” }); ``` 我也把代码加进了JSFiddl...
sridhar391
@YairNa 我们也遇到过同样的问题，请参考链接 https://github.com/artf/grapesjs/issues/4094
JSSaint
@YairNa @sridhar391这不是RTL的问题。只有Chrome浏览器我们遇到了这个问题。Firefox 运行正常。
ClaudeCode
谢谢你举报，@YairNa。 关于 拖放在 RTL 下效果不好，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#40102021年12月11日作者 clonefunnels1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome / Firefox 可复制演示链接 https://www.teamfunnels.net/login.php 演示演示 描述一下那个虫子 当我用这个代码让所有风格都变得重要时...... editor.on（'styleable：change'， （model， property） => { const value = model.getStyle（）[property]; 如果 （value.indexOf（'！important'） === -1） { model.addStyle（{ [property]： value + '...
ClaudeCode
谢谢你举报，@clonefunnels。 * 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：* 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 G...
#40062021年12月9日作者 dev43224 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://grapesjs.com/demo.html。 描述一下那个虫子 默认情况下，背景色是无。 当我点击颜色选择器更改背景色时，颜色选择器里没有选择任何颜色。（点击屏幕时关闭颜色选择器模态，而非模态界面）。它会自动变成黑色。 你可以在官方演示 https://grapesjs.com/demo.html 中重现这个问题。 有什么办法能解决这个问题吗？？ 行为准则 [X] 我同意遵守本项目的行为准则
artf
我无法复现这个问题，你能提供问题的屏幕录像吗？
dev4322
@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd
jloguercio
我也有同样的问题，如果你点击颜色选择器外面，它会变成黑色
#40012021年12月8日作者 javadsamiee2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 96.0.4664.93 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？创建新块，例如Text块导航维度>宽度（默认为自动）换成大众然后移除自动，输入一个值，例如100按回车键后，单元将改为100像素，而非100vw 预期的行为是什么？ 更换单元并输入非自动值后，它应该保持当前单元（VW），而不是把它改成 PX 目前的行为是什么？ 进入默认（PX）后的单元 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@javadsamiee。 关于第一次输入自动值时无法保持当前单位的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something c...
#40002021年12月7日作者 zachsnoek4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v89 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？在官方演示中，进入图层管理器，用“cmd+c”复制任意图层点击根“Body”图层，并用“cmd+p”粘贴进入浏览器控制台查看错误 预期的行为是什么？ 贴上身体层可能不被允许，但不应该出错。 目前的行为是什么？ 粘贴根“Body”图层会抛出以下例外： “''文本 未捕获类型错误：无法读取未定义的属性“indexOf” PasteComponent.js：13 在 Array.forEach （<anonymous>）...
artf
谢谢@zachsnoek，是的，因为包装器（正体）是根组件，它没有相关的集合。 可能我们需要更新粘贴逻辑，但你目前的修复是个不错的补丁，可以避免这种错误，所以PR非常受欢迎 👍
zachsnoek
谢谢@zachsnoek是的，因为包装器（主体）是根组件，所以它没有相关的集合。可能我们需要更新粘贴逻辑，但你目前的修复是个不错的补丁，可以避免这种错误，所以PR非常受欢迎 👍 听起来不错;我会在本周末前刷新个人纪录 ：+1：
GuiMoraesDev
伙计们，我也遇到类似的问题 对我来说，错误发生在FileUploader上 ![截图，2021-12-16 17-10-32]（https://user-images.githubusercontent.com/18218319/146442408-edc2621f-ea02-4131-bac6-47dd2ff384c7.png） 我试着在Grapes Demo里输入，看看那里是否也会出现这种情况，结果确实发生了！ 我意识到如果我清理LocalStorage并重新加载页面，...
#39972021年12月7日作者 kuhelbeher2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v96 可复制演示链接 https://codesandbox.io/s/grapes-border-issue-94lje 描述一下那个虫子 如何复现这个漏洞？选择带有上下边框的方块前往风格面板 -> 装饰 -> 边框清除边框颜色输入并按回车 预期的行为是什么？ 边界应该被移除 目前的行为是什么？ 边界依然存在。检查CSS，它会显示“border： 5px solid none;”，这是无效的值 我注意到这个问题只在边框通过不同的边框样式设置时出现，比如边框顶部和边框底部。 接下来的问题——如何通过样式面板正确移除边框？行为准则 [x...
artf
你好@kuhelbeher新 https://github.com/artf/grapesjs/releases/tag/v0.18.1 发布后，这部分可以处理。 这里的主要问题是 [内置]（https://grapesjs.com/docs/modules/Style-manager.html#built-in-properties）“border”属性的配置方式，它是一个 [Composite 类型]（https://grapesjs.com/docs/api/prop...
ClaudeCode
谢谢你举报，@kuhelbeher。 关于无法移除元素边界的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...