GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 231 个问题

🔍 general
#45012022年8月5日作者 udayan462 个回答
0 个反应

[X] 我确认使用最新版本的GrapesJS

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 无演示链接 描述一下那个虫子 你好@artf,能帮我检查这两位吗无法在 Grapesjs 编辑器中手动添加颜色代码导入模态没有任何存档选项行为准则 [X] 我同意遵守本项目的行为准则

artf

如果你无法提供可复现的演示,请不要打开BUG问题。

ClaudeCode

谢谢你举报,@udayan46。 * 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤:* 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 Grape...

#44982022年8月4日作者 ajjuyadav02092 个回答
0 个反应

滚动查看多页

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢 可复制演示链接 https://codepen.io/etamity/pen/NWpKYPp 描述一下那个虫子 如何使用 pageManager 在 Onscroll 中查看多个页面? 行为准则 [X] 我同意遵守本项目的行为准则

artf

请使用讨论区提问

ClaudeCode

谢谢你举报,@ajjuyadav0209。 关于在滚动时看到多个页面的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something change...

#43702022年6月9日作者 Vac19113 个回答
0 个反应

LayerManager在StorageManager.load()之后变得无响应

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬102可复制演示链接 https://codesandbox.io/s/grapesjs-4370-niizlc描述一下那个虫子 如何复现这个漏洞?启用远程存储联系编辑。StorageManager.load(无论实际返回什么无关紧要)然后调用 editor.loadProjectData(加载什么数据无关紧要) 预期的行为是什么? LayerManager 会处理新的项目数据。 目前的行为是什么? LayerManager变得无响应。行为准则[X] 我同意遵守本项目的行为准则

artf

说得好,谢谢@Vac1911

zhangdongxu-web

我也遇到同样的问题,重新加载存储的数据后 LayerManager 变得无响应 只有一个 bodybox 怎么办呢

ClaudeCode

谢谢你举报,@Vac1911。 关于 LayerManager 在 StorageManager.load() 后变得无响应,这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () =...

#43572022年5月31日作者 adiux2 个回答
0 个反应

在编辑器中,mj列的边框会显示两次

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 102.0.5005.61 可复制演示链接 https://codepen.io/adiux/pen/BaYrEXR?editors=1111 描述一下那个虫子 如何复现这个漏洞?在任何版本中添加 grapesjs-mjml 到 0.5.6 以上的项目中在截面上添加边框。例如:“<mj-column border=”4px 实心 #F45E43“>'用 grapesjs 打开 MJML 模板 预期的行为是什么? 仅显示一个边框: <img width=“792” alt=“image” src=“https://user-images....

adiux

抱歉,我刚意识到我发错了仓库。在 grapesjs-mjml 又引发了另一个问题。

ClaudeCode

谢谢你举报,@adiux。 关于mj列边框在编辑器中显示两次的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'))...

#43522022年5月27日作者 rubjo3 个回答
1 个反应

添加挪威语

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v101 可复制演示链接 匿名 描述一下那个虫子 这不是bug,只是即将发布的挪威官方支持问题 行为准则 [X] 我同意遵守本项目的行为准则

rubjo

有人抢先我买了——时间太近了,好像还没正式发布。:)

ZaheerNiazi007

@rubjo i18n: { 地点:“En”, detectLocale: false, 消息添加:{ 英文:英文, }, }, 试试这个,使用挪威语言文件 (https://github.com/GrapesJS/grapesjs/blob/master/src/i18n/locale/en.js)

ClaudeCode

谢谢你举报,@rubjo。 添加挪威语的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 Grapes...

#42892022年4月27日作者 candidodmv2 个回答
1 个反应

“storage:start:load” 事件没有触发

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome最新款 可复制演示链接 将“storage:start:load”绑定到编辑器实例,并看到console.log输出 描述一下那个虫子 如何复现这个漏洞?...... 预期的行为是什么? ...活动已被取消 目前的行为是什么? ... 这个事件被忽视了 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则

artf

是的,当前版本你应该在插件里绑定事件,否则第一个“start:load”不会被捕获。这个问题应该会在下一个版本中修复。

ClaudeCode

谢谢你举报,@candidodmv。 关于“storage:start:load”事件没有触发,这个问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log(...

#42752022年4月20日作者 boomshakar1 个回答
0 个反应

在innerText names/title中更改细胞名/标题的文本

![截图(154)](https://user-images.githubusercontent.com/51333883/164320592-21240e4f-6df8-41a3-abb6-b7b3c189a9ed.png) 看了上传的截图,我圈出了表格单元格,类别,已选中: 注意:我目前使用的是新闻通讯预设插件。 我想把“Table cell”或“Table”的内文/标题改成类似“Custome Table Name”这样的别的。 另外,我想把“Classes”和“Selected”的内文/标题改成自定义的。 请问我该怎么做?? 感谢🙏 Originally由@boomshakar在 https://github.com/a...

ClaudeCode

谢谢你举报,@boomshakar。 关于在内文名称/标题中更改单元格名称/标题的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('someth...

#42732022年4月20日作者 boomshakar4 个回答
1 个反应

如何在页面加载时触发“导入模板(模态)”

你好, 请问,我需要关于如何在页面初始化时导入模板模态的逻辑...... 我用的是新闻通讯预设插件 我想实现的是什么?:让用户在页面加载后上传代码。 以下是我尝试过的逻辑, editor.on('load',(model, argument)=> { 开放模数AL const modal = 编辑。模态; const cmdd = 编辑。指挥; 使用组件名称的过滤器 if (model.getName() === '导入模板') { //不工作 表演模态 modal.open(); } 编辑.on('modal:', (a, b, c) => { //不工作 console.log({ a }); console.log({ b...

boomshakar

@boomshakar请不要把讨论变成问题 记下了。谢谢

boomshakar

你好,@artf, 我通过触发按钮上的点击()键来实现我想要的功能, const modal = 编辑。模态; const query = new URLSearchParams(location.search); const uploadQuery = query.get('key'); 如果(uploadQuery === 'upload-code') { const importClick = document.querySelector('.gjs-pn-btn.f...

artf

@boomshakar请不要把讨论变成问题

#42422022年4月6日作者 miladmeidanshahi2 个回答
0 个反应

页面的集合名称不起作用

葡萄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...

#42132022年3月25日作者 confettidc2 个回答
0 个反应

超大号RTE按钮

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 98.0.2(64位) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? 直接用Firefox访问演示网站 预期的行为是什么? 正常大小的RTE按钮显示(Chrome画面如下): ![圖片](https://user-images.githubusercontent.com/5524183/160108524-a92f13ec-f7a6-4fd2-9c1f-ffe4887c788a.png) 目前的行为是什么? 编辑文本时会出现超大的rte按钮 ![圖片](https:...

artf

这个问题 https://github.com/artf/grapesjs/issues/4176 已经修复了,下一个版本会提供。

ClaudeCode

谢谢你举报,@confettidc。 关于超大RTE按钮的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'...

浏览所有主题