#40422022年1月2日作者 sanjanaadeshra3 个回答
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.ts描述一下那个虫子 附上一张图片，让大家了解编辑器的样子 预期的行为是什么？ 需要加载葡萄 ediotr 目前的行为是什么？ 编辑器加载了，但图标都看不见。行为准则[X] 我同意遵守本项目的行为准则 ![截图 2022-01-02 凌晨3 48 52 （2）]（https://user-images.githubusercontent.com/37732345/147861318-769d...
sanjanaadeshra
我通过直接在grape.min.css文件中添加字体、极棒的图标、css，解决了这个问题。 我不明白为什么非得这么做，因为CSS已经被导入了，虽然用这个变通方法还行，但如果能提出更简洁的解决方案会更好。
artf
你的演示似乎加载不了，而且你用的Grapesjs版本相当过时（“0.14.15”）。 请升级，下次打开相对于最新版本的新漏洞问题。
ClaudeCode
谢谢你举报，@sanjanaadeshra。 在 Angular 应用加载时图标未加载的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：** 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有...
#40392021年12月31日作者 sridhar3912 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chromw 96.0.4664.45 可复制演示链接 https://thanhtunguet.github.io/grapesjs-react/?path=/story/grapesjsreact--primary 描述一下那个虫子 如何复现这个漏洞？在编辑器中拖放基本方块 预期的行为是什么？在编辑器中拖放基本块，编辑器中应该会显示 目前的行为是什么？ 在编辑器中拖放基础方块，控制台错误提示 在Firefox浏览器中，编辑器中基本块的拖放功能正常工作 https://user-images.githubusercontent.com/171725...
artf
从你的演示来看，我能看到你用的是'0.16.45'版本。 请只为最新版本打开bug问题。
ClaudeCode
谢谢你举报，@sridhar391。 关于在Chrome编辑器中拖放块时，出现错误的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something...
#40372021年12月30日作者 denisdal2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 96.0.4664.110 可复制演示链接 我没有公共的 描述一下那个虫子 如何复现这个漏洞？使用 Chrome 和 Grapes 通讯编辑器将“文本”元素拖入页面并写入内容。在同一元素中，按“回车”键，生成新行，粘贴一些纯文本将模板保存到某处，以便重新加载页面时使用。 预期的行为是什么？ 在之前插入所有可编辑文本的“文本”元素 目前的行为是什么？ Grapes生成一个“Box”元素，文本内部不再可编辑，并且每行粘贴前文生成N个“Text”元素（可编辑） 这种行为仅适用于 Chrome，但可能影响其他 Webkit 浏览器。 谢谢行为准...
artf
HTML中默认导出的模板没有文本组件的引用，所以无法从所有可能的标签中知道文本组件应该被识别在哪里。这就是为什么当你[存储和重新加载模板]（https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates）时，应该始终依赖项目的JSON数据，而不是HTML/CSS。 一个选择是导出带有“data-gjs-*”属性的“可重新导入”HTML。
ClaudeCode
谢谢你举报，@denisdal。 关于在Chrome中将纯文本粘贴到文本元素时的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethi...
#40332021年12月28日作者 0xcrypto2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 无 可复制演示链接 https://github.com/artf/grapesjs/blob/849a28757dc8dcd059c5ee6e6ac1bfd8b49a78b2/docs/modules/Blocks.md?plain=1#L138 描述一下那个虫子 只是一个小错别字，链接在localhost上。 行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@0xcrypto。 文档中错误链接和拼写错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告...
#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...