Modal 关闭后动态关闭后不会打开
我无法在官方演示中复现,比如说。 “''js editor.on('modal:open', () => { console.log(“模态开启”); setTimeout(() => { console.log(“闭调式”); 编辑。Modal.close() }, 2000) }); ``` 但根据你的代码,我觉得它没打开是因为你在打开后(刚触发开启)就立刻关闭了,难道我漏掉了什么?!
阅读下方完整回答 ↓问题
你好;
谢谢大家提供这么棒的工具,我真的很喜欢文档,使用起来很简单。 我觉得我遇到了第一次动态关闭模态后再也打不开的问题。 示例:
editor.on('modal:open', () => this.openModalHandler(editor));
openModalHandler(editor){
const model = editor.getSelected();
const modal = 编辑器。模态;
const {type} = model.attributes;
modal.close();
开关(类型) {
箱子“图片”:
案件“部分”:
return this.addBackgroundImage(type);
}
}
回答(3)
我无法在官方演示中复现,比如说。 “''js editor.on('modal:open', () => { console.log(“模态开启”); setTimeout(() => { console.log(“闭调式”); 编辑。Modal.close() }, 2000) });
但根据你的代码,我觉得它没打开是因为你在打开后(刚触发开启)就立刻关闭了,难道我漏掉了什么?!
由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。
谢谢你举报,@alivex。
感谢你分享关于Modal动态关闭后无法打开的报告。为了帮助团队调查并优先排序:
请提供:
- 一个最小可复现的例子(CodeSandbox/JSFiddle)
- 你的GrapesJS版本号
- 浏览器和操作系统信息
- 浏览器控制台的任何错误信息
- 重现问题的步骤
最有帮助的是什么:
- 简约代码示例(不是你整个项目)
- 屏幕录制或截图显示问题
- 明确区分预期行为与实际行为
- 你正在使用的GrapesJS配置
有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
相关问答
通过相似的问题讨论继续研究。
问题 #3336
单击文本编辑
让文本可编辑需要大量点击,我们能让文本字段在一次点击中可编辑吗?我知道,拖动方块时单击会很烦人,这已经很常见了,但就我的情况来说,我想只编辑单击,如果可能的话请指导一下。
问题 #3331
自定义资产管理器
你好@artf 我按照文档制作了一种新型资产管理公司 这里(https://codepen.io/abhi_punk81/pen/MWbWzaq) 我创建了类似文档里那种的新类型 我如何在放置自定义图标块后打开那个资产管理器 -: 一开始它没问题,但当我放下图片块后,默认情况下...
问题 #4385
Index.d.ts说执行命令应该返回 void,但文档说可以使用它们的返回值
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 任何 可复制演示链接 https://grapesjs.com/docs/modules/Commands.html#stateful-commands 描述一下那个虫子 如何复现这个漏洞? 在T...
问题 #3732
注释组件类型不支持添加特征
我正在开发一个脚本,可以在所有组件类型上添加一个特征,但注释类型没有原型对象。 代码 “''js ddw = 编辑。DomComponents.getTypes(); 对于(设i = 0;i <ddw.length;i++) { DDQ = ddw[i].id; 编辑。DomC...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Building an AI-Assisted Document Engine with Next.js, GrapesJS, and the AI SDK
Transform your static template editor into an intelligent, generative design workspace with Vercel AI SDK, AI Elements and Next.js.
教程
How to build a GrapesJS desktop app with Electron (complete guide 2026)
Run GrapesJS inside an Electron desktop app: mount it in the renderer, save projects to disk through IPC, and export HTML/CSS.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
浏览插件分类
直接跳转到市场上的插件分类页面。