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

问题 #1183💬 已回答提出于 2018年6月7日作者 syncubecommerce1 个反应

Grapesjs 插件在 React SPA 中第二次加载时无法加载

快速解答作者 artf❤ 1

'editor.destroy()' 方法可从 https://github.com/artf/grapesjs/releases/tag/v0.14.20 获得

阅读下方完整回答 ↓

问题

你好, 我正在尝试给我的 React SPA 添加一个 grapesjs 编辑器。我是这样初始化编辑器的: 配置变量的配置如下: 第一次一切都很正常。当我切换到单页应用的另一个页面并返回时——插件没有加载。 我尝试删除 componentWillUnmount() 中的编辑器实例,但没用。 我试图找到解决方案,但没有成功。也许我需要在componentWillUnmount()里摧毁编辑器? 感谢你的帮助。

回答(3)

fernandoagarcia• 2018年6月15日

我也遇到了类似的问题。不过我用的是VueJs。当我离开页面再回到页面时,编辑器会再次运行插件。这会导致编辑器在使用设备预览调整大小前无法使用,但如果我把一个块拖到画布里,它会掉落两次......一个在我掉落的地方,另一个在底部。

fernandoagarcia• 2018年6月17日

@artf 是的,这完美地起到了作用,谢谢!

相关问答

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

问题 #438

导入了HTML,我可以移动组件但不能编辑它们

我所做的只是导入了HTML,但无法修改HTML中的文本 我无法输入任何内容或删除任何文字 “''js const editor = window.grapesjs.init({ storageManager: { 自动加载:0, }, 插件: ['gjs-plugin-file...

3 个回答更新于 2019年9月18日

问题 #1985

远程存储的自动保存不会发送网络请求

操作系统:Windows 10 浏览器:Chrome 73 GrapesJS 版本:'0.14.57' 我用这个调用 'grapesjs.init()' 配置了远程存储: 虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到...

3 个回答更新于 2020年5月6日

问题 #1753

StyleManager - SectorsView - addToCollection() 使用“name”属性构建 ID,但因多个空格或特殊字符而失败

你好@artf, 利用grapesjs.init()方法中的pluginOpts属性,我通过Newsletter插件自定义了样式管理器中显示的扇区,如下: “''js Grapesjs.init({ [...] 插件:['gjs-plugin-ckeditor', 'gjs-b...

3 个回答更新于 2020年1月27日

问题 #1431

从远程加载HTML文件

我把我的HTML内容托管在云端。然后在编辑器中尝试加载html内容时,我发现错误:“对预检请求的响应未通过访问控制检查:请求资源上没有'访问-控制-允许-起源'头部。因此,原点“http://localhost:3000”不被允许访问。如果不透明度响应符合你的需求,将请求模式设...

3 个回答更新于 2019年12月11日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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