PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验
已收录 3,464 个 GitHub 问题 — 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。
找到 743 个问题
🔍 bug这会触发错误：最大呼叫堆栈大小已超过。
GJSBlock
谢谢你举报，@iabhiyaan。 问题：如何在 Vuex 商店内正确初始化 grapesjs ？ 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和 DOM 修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： 检查初始化顺序 — 确保组件在操作前已完全加载 使用编辑器的事件系统 — 收听完成事件： 推荐的下一步步骤： 如果还没测试，请用最新的 GrapesJS 版本测试 提供最小可重复的示例（CodeSandbox）...
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 0.16.44 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ ] 是的[X] 不 预期的行为是什么？ 使...
artf
感谢@moises-flowize，这个问题将在下一个版本中修复 https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
GJSBlock
谢谢你报告，@moises-flowize。 Command core：component-enter 在所有情况下都无法正常工作的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重...
版本： 最新详细描述那只虫子 https://jsfiddle.net/cleaver/wgz2jsvq/2/ 以下内容没有发生： “''js 特质：[ { 文本：“简单按钮”， 类型：“按钮”， 全文：真实， 命令： （） => { console.log（“坏掉的按钮”）; alert（“坏掉的按钮”）; }, }, ] ``` --- 在版本 0.16.45** 上，同样的代码运行良好： https://jsfiddle.net/cleaver/kenvpt50/1/
artf
感谢报告，@tudor-ooo 将在下一个版本中修复
GJSBlock
谢谢你报告，@mosh-tudor。 按钮特性命令不起作用的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报...
版本： 0.17.4 你能重现演示中的bug吗？[ ] 是的[X] 不 预期的行为是什么？插入一个iFrame后，使用'editor.getHTML（）'时会返回src加载页面时，iframe将被识别为iframe组件，并再次可编辑 详细描述那个漏洞 我正在添加一个选项，允许用户基于“地图”组件插入 iframe。然而，设置“src”后，editor.getHTML（）只返回带有id和类的iframe标签。 任何现有的 iframe 都不会被识别为 iframe 组件，加载回 Canvas 后也无法选择或编辑。 用下面的代码，我可以像地图组件那样在画布上添加iframe，并编辑src特性，这样iframe就能正确更新，显示src定...
artf
我会在下一个版本中加入iframe支持。
GJSBlock
谢谢你举报，@TheDude70。 iframe加载后不保存src/不识别iframe的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于...
<img width=“1172” alt=“截图 2021-05-24 下午6：55 23” src=“https://user-images.githubusercontent.com/55732888/119354444-b8cbb500-bcc1-11eb-8e67-27e020c879aa.png”> 我在编写单元测试时遇到过这个错误，我正在测试编辑器实例的定义。随机测试用例通过，但大多数时候我遇到的是这个错误。
YyueeiWY
看起来你缺少了类名或父元素ID。 下面是使用 querySelector 的示例。 <pre> var parentElement = document.getElementById（'deviceready'）; var listeningElement = parentElement.querySelector（'.listening'）; console.log（listeningElement）; <div id=“deviceready”> <d...
artf
抱歉，这可能取决于太多因素（比如环境），与核心本身无关。
GJSBlock
谢谢你举报，@krishnaeverestengineering。 TypeError： Cannot read properties 'querySelector' of null 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试...
版本： 0.16.44 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[x] 是的[ ] 不 预期的行为是什么？ 每个实例都有自己的工具栏正常工作 详细描述那个漏洞 之前我又提出了一个关于实例#3354的问题，在这个问题中，我认为是我处理实例不当导致了问题。我甚至在演示页面里也遇到了这个 https://grapesjs.com/docs/getting-started.html#theming。你可以看到，在每一个实例中，工具栏都无法使用，提供的选项（加粗、删除线、链接等）都没有，只有最后一个启动的实例例外。我的情况也是这样（工具栏只在最后一个启动的实例上工作）。 你能附上截图、截屏或...
artf
谢谢你的报告@DodoTrip 修复已经准备好，准备下一次版本。
GJSBlock
谢谢你举报，@ThetripGr。 工具栏/动作栏按钮在多个实例存在时无法工作（即使在你的演示中）似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这...
版本： “grapesjs”： “^0.17.3” “grapesjs-preset-webpage”： “^0.1.11” 你可以在控制台输入 grapesjs.version 获得版本 你能重现演示中的bug吗？[x] 是的[ ] 不 目前的行为是什么？ css 属性（-webkit-background-clip：text;）在 grapesjs-preset-webpage（导入时消失）中无法使用。 但它在官方演示 Grapesjs 中是有效的。 https://grapesjs.com/demo.html GrapesJs 官方演示源和插件 grapesjs-preset-webpage有区别吗？ 详细描述那个漏洞 我正...
YyueeiWY
好的，我用 **grapesjs-parser-postcss 来解决的 我不知道有CSS解析器插件。 https://github.com/artf/grapesjs-parser-postcss
GJSBlock
谢谢你举报，@YyueeiWY。 CSS 属性（-webkit-background-clip：text;）在 grapesjs-preset-webpage 中无法使用。 似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的...
警告 请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本： 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ ] 是的[x] 不 预期的行为是什么？ 详细描述那个漏洞...
GJSBlock
谢谢你举报，@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 版本： 最近一次是直接从 GitHub 克隆的 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？[ ] 是的[x ]...
artf
其实正确的 API 应该是 '.components（'html string'）'，看起来工作正常，但我会去研究重置，因为我预计工作方式也是一样的
artf
看起来 Backbone 的重置方法注入了“静默”选项，阻止 CSS 集合渲染新增样式，所以目前我更倾向于避免设置错误条件来移除这个选项，建议坚持使用正确的 API
GJSBlock
谢谢你举报，@anatoli-DP。 更新会破坏CSS的一些东西的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和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