GrapesJS 问题

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

找到 743 个问题

🔍 bug
#35262021年6月10日作者 iabhiyaan1 个回答
0 个反应

问题:如何在 Vuex 商店内正确初始化 Grapesjs?

“''js 从 './dist/grapes.min.js' 导入葡萄 const state = { 编辑:Grapesjs.init({ 背景设定 }) } ``` 这会触发错误:最大呼叫堆栈大小已超过。

ClaudeCode

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

#35112021年6月2日作者 moises-flowize2 个回答
0 个反应

命令 core:component-enter 在所有情况下都无法正常工作

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 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

ClaudeCode

谢谢你报告,@moises-flowize。 Command core:component-enter 在所有情况下都无法正常工作的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重...

#34972021年5月28日作者 mosh-tudor2 个回答
1 个反应

按钮特性命令不起作用

版本: 最新详细描述那只虫子 https://jsfiddle.net/cleaver/wgz2jsvq/2/ 以下内容没有发生: “''js 特质:[ { 文本:“简单按钮”, 类型:“按钮”, 全文:真实, 命令: () => { console.log(“坏掉的按钮”); alert(“坏掉的按钮”); }, }, ] ``` --- 在版本 0.16.45** 上,同样的代码运行良好: https://jsfiddle.net/cleaver/kenvpt50/1/

artf

感谢报告,@tudor-ooo 将在下一个版本中修复

ClaudeCode

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

#34912021年5月27日作者 TheDude702 个回答
0 个反应

IFrame 加载后不保存 SRC / 不识别 iframes

版本: 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支持。

ClaudeCode

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

#34762021年5月24日作者 krishnaeverestengineering3 个回答
0 个反应

TypeError:无法读取 null 的属性 'querySelector'

<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); &lt;div id=“deviceready”&gt; &lt;d...

artf

抱歉,这可能取决于太多因素(比如环境),与核心本身无关。

ClaudeCode

谢谢你举报,@krishnaeverestengineering。 TypeError: Cannot read properties 'querySelector' of null 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试...

#34752021年5月24日作者 ThetripGr2 个回答
0 个反应

当多个实例存在时,工具栏/动作栏按钮无法使用(即使在你的演示中也是如此)。

版本: 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)——这...

#34722021年5月24日作者 YyueeiWY2 个回答
2 个反应

Css 属性(-webkit-background-clip:text;)在 grapesjs-preset-webpage 中无法使用。

版本: “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

ClaudeCode

谢谢你举报,@YyueeiWY。 CSS 属性(-webkit-background-clip:text;)在 grapesjs-preset-webpage 中无法使用。 似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的...

#34702021年5月22日作者 iabhiyaan1 个回答
0 个反应

问题:当选中组件时,我们如何激活右上角面板的特性管理器

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 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)——这有助于...

#34652021年5月19日作者 anatoli-dp3 个回答
0 个反应

更新会破坏一些CSS功能

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 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

ClaudeCode

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

#34632021年5月18日作者 anatoli-dp4 个回答
1 个反应

检查员溢出故障

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 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

浏览所有主题