已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 183 个问题
🔍 documentation有些 CSS 功能不正常，比如 .gjs-cv-canvas 也无法正常工作。 这是我在nextjs上grapejs页面的截图 ![图片]（https://user-images.githubusercontent.com/64449714/119433144-3c2fe980-bd48-11eb-8176-2beab6880396.png）
ClaudeCode
谢谢你举报，@eyroooon。 感谢你分享关于在nextjs上使用GrapeJS的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。...
版本： 0.16.44 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 每个实例都有自己的工具栏正常工作 详细描述那个漏洞 之前我又提出了一个关于实例#3354的问题，在这个问题中，我认为是我处理实例不当导致了问题。我甚至在演示页面里也遇到了这个 https://grapesjs.com/docs/getting-started.html#theming。你可以看到，在每一个实例中，工具栏都无法使用，提供的选项（加粗、删除线、链接等）都没有，只有最后一个启动的实例例外。我的情况也是这样（工具栏只在最后一个启动的实例上工作）。 你能附上截图、截屏或...
artf
谢谢你的报告@DodoTrip 修复已经准备好，准备下一次版本。
ClaudeCode
谢谢你举报，@ThetripGr。 工具栏/动作栏按钮在多个实例存在时无法工作（即使在你的演示中）似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ ] 是的[x] 不 预期的行为是什么？ 详细描述那个漏洞...
ClaudeCode
谢谢你举报，@iabhiyaan。 问题：当选中组件时，我们如何激活右上角面板的特性管理器似乎是竞争条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于...
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ x] 是的[ ] 不 预期的行为是什么？ 当将任何东西堆叠...
anatoli-dp
也许可以把控件放在文本前面，然后对每个缩进或叠加的项目稍微偏移整个框。这样你可以随意堆叠，我🤷最终会自己做解决方案来实现，但因为我不懂你的代码结构，帮不上太多忙。但如果默认是这样就更好了
artf
是的，不幸的是，默认图层面板的可扩展性不高，我们需要重新考虑渲染方式
artf
是的，把控件移到文本前面听起来很合理（比如只在我把鼠标悬停在组件时才显示）。 总之，虽然结构不那么混乱，我不会把这个问题放在优先级上，但如果能解决这种限制肯定很酷。 如果有人需要帮助，这里可以查看图层管理器的视图：https://github.com/artf/grapesjs/blob/dev/src/navigator/view/ItemView.js
错误： （节点：206）UnhandledPromiseRejectionWarning：类型错误：无法读取未定义的属性“get” （节点：206）未处理承诺拒绝警告：未处理承诺拒绝。该错误要么源于在没有捕捉块的异步函数中抛入，要么是拒绝了未用 .catch（） 处理的承诺。要在未处理的承诺拒绝时终止节点进程，可以使用CLI标志“--unhandled-rejections=strict”（参见 https://nodejs.org/api/cli.html#cliunhandledrejectionsmode）。（拒绝编号：1） （节点：206）[DEP0018]弃用警告：未处理的承诺拒绝将被弃用。未来，未被处理的承诺拒绝将以非...
artf
请遵循议题模板
ClaudeCode
谢谢你举报，@Redix0。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发 保持...
版本： 0.17.3 预期的行为是什么？ 文档说我可以通过以下配置配置来配置包装器元素： https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/dom_components/config/config.js#L6-L24 详细描述那个漏洞** 我觉得这种配置在其他地方都没被用过。在项目中搜索“wrapperName”，只显示我上面链接的地方。遗憾的是，由于大量误报，搜索“包装器”不可行。 我能在初始化后用 'editor.getWrapper（）' 返回的对象配置包装器元素。
artf
是的，实际上名称默认是通过 [i18N]（https://github.com/artf/grapesjs/blob/d00ccb945c610bf748b2ed36e4b2fddc1c40b5ba/src/i18n/locale/en.js#L23） 配置管理的。 从0.17.*版本开始，甚至“包装器”选项也不再必要，因为你应该像扩展其他组件一样扩展“包裹器”组件（在之前版本中，“包装器”是在插件出现之前初始化的）。 我会在下一次发布👍时移除它们
ClaudeCode
谢谢你举报，@anlumo。 DomComponents' 配置错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 你想给GrapesJS添加什么？ 详细描述你的功能需求详细 最新版本有替代方案吗？[x] 是的（描述替代方案）[ ] 不 这是否与某个问题有关？[ ] 是的（请...
ClaudeCode
谢谢你举报，@divesham。 关于特技：添加自定义块（即iframe）并像图片一样自定义，比如双击后打开自定义素材选项，在自定义iframe块中链接视频，这真是太棒了！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改...
1 - 我复制了打字文本组件代码，而不是演示HTML代码; 2 - 并增加了allowScripts：1; 你可以在这里看到示例：http://bashworld.ru/demo.html 点击 查看代码，我们会看到许多 JS 编码字符。 我该如何解决这个问题？我需要解码所有 &， <， >， ' 字符， 请参见下方剧本 ![哇哇]（https://user-images.githubusercontent.com/40471188/117637617-6788d500-b19b-11eb-9564-7dc8b12dd797.png）
Ju99ernaut
不建议使用 'allowScripts： 1'，无论如何，在你的情况下，为什么不直接拖入打字块呢？如果必须在 From 元素中包含它，可以用： '''html <div id=“gjs”> <div data-gjs-type=“typed”></div> </div> ```
Ju99ernaut
你应该正确设置存储设备 https://grapesjs.com/docs/modules/Storage.html#basic-configuration
lbmir
@artf 你能帮帮我吗？
请帮帮我，我想把 gjs 的数据存储到 mysql，但我无法从前端到后端传输任何数据 这是我的代码： 'const editor = grapesjs.init（{ 容器：“#editor”， storageManager： { 类型：“远程”， 参数：{}， // 用于请求的自定义值 你的服务器端点 urlStore： 'http://example.com/store-webpage'， urlLoad： 'http://example.com/load-webpage'， contentTypeJson： true， setStepsBeforeSave： 1， }, blockManager： { 附录：“#blocks”...
Ju99ernaut
变量名不能包含 '-'，因此以下语法无效： “''js const { gjs-assets， gjs-components， gjs-css， gjs-html， gjs-styles } = req.body; ```
Spectrevuln-sketch
请帮帮我，我想把模板存到 MySQL，我该怎么做？
Ju99ernaut
遗憾的是，这可能超出葡萄的范围，但有些需要注意 “''js 这无效 const { gjs-assets， gjs-components， gjs-css， gjs-html， gjs-styles } = req.body; 你可以尝试分别分配每个值 cont { body } = req; const assets = body['gjs-assets']; const components = body['gjs-components']; //... ``` 另外，...
版本： 0.17.3 你能重现演示中的bug吗？[ ] 是的[X] 不 预期的行为是什么？ 能够覆盖组件的“model.default.scrollable”中的onStart、onEnd和updateTarget，详见[文档]（https://github.com/artf/grapesjs/blob/master/src/utils/Resizer.js）。 详细描述那个漏洞 我创建了一个扩展 ComponentImage 的组件。内容不是静态图像，而是根据需要渲染，当目标尺寸变化时，必须重新渲染。 根据文档，我应该可以在 'model.default.scrollable' 中定义 'onEnd'，在调整大小完成后触发重新渲...
ClaudeCode
谢谢你举报，@anlumo。 Scrollable onStart/onEnd/updateTarget not Overridable 的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供...