PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #4606💬 已回答提出于 2022年9月22日作者 bit-ocean0 个反应

“Commponent & JS”文档页面上的脚本延迟错误。

快速解答作者 artf

“脚本”就在上面 ![CCC](https://user-images.githubusercontent.com/11614725/192133350-34390584-4b07-4533-ac1b-15dcf33f1195.png) 附注:如果你不是在报告bug,可以使用讨论区

阅读下方完整回答 ↓

问题

GrapesJS 版本

  • 我确认使用最新版本 GrapesJS

你用的是什么浏览器?

与问题无关

可复制演示链接

https://grapesjs.com/docs/modules/Components-js.html#basic-scripts

描述一下那个虫子

嘿,与其为这么小的变动创建拉取请求,我直接在这里分享。

Basic Scripts 中的引言代码在 https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 中遗漏了一个关键词,可能会让新用户感到困惑或误导,因为页面上没有其他声明组件脚本的示例:

  model: {
    defaults: {
      script,

应为:

  model: {
    defaults: {
      script: script,

行为准则

  • 我同意遵守本项目的行为准则

回答(2)

GJSBlock• 2026年5月17日

感谢你报告,@bit-ocean。 在“Commponent & JS”文档页面出现脚本延迟错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误

相关问答

通过相似的问题讨论继续研究。

问题 #3316

The editor does not remove the dead script blocks

版本: 0.16.34 你能重现演示中的bug吗? [ ] 是的 [x ] 不 据我了解,导入代码对话框跳过了所有HTML脚本,所以我无法在演示中重现这个问题 预期的行为是什么? 编辑者必须先移除失效脚本块,才能在生成的HTML末尾添加新的脚本块 详细描述那个漏洞* 我在项目中...

4 个回答更新于 2024年1月10日

问题 #5280

视图中的事件处理程序未绑定到组件

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 115.0.5790.114 可复制演示链接 https://jsfiddle.net/mcraf3se/5/ 描述一下那个虫子 你好,我刚从 GrapesJS 开始...

2 个回答更新于 2023年8月7日

问题 #3289

Components have lost their styles

版本: 0.16.41 你能重现演示中的bug吗? [X] 是的 [ ] 不 预期的行为是什么? 1)将选中的父组件(容器)复制到剪贴板。 2)从剪贴板中选定的父组件(容器)粘贴到同一页面或其他页面。 3)所有组件都保留ID样式和内联样式。 目前的行为是什么? 1)将选中的父组...

4 个回答更新于 2021年3月4日

问题 #5768

BlockProperties 中“content”属性的类型错误

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v122 可复制演示链接 不适用 描述一下那个虫子 GrapeJs 文档表明,可以将混合内容添加到块的“content”属性中(参见 https://grapesjs.co...

1 个回答更新于 2024年3月21日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。