Grapesjs 插件在 React SPA 中第二次加载时无法加载
'editor.destroy()' 方法可从 https://github.com/artf/grapesjs/releases/tag/v0.14.20 获得
阅读下方完整回答 ↓问题
你好, 我正在尝试给我的 React SPA 添加一个 grapesjs 编辑器。我是这样初始化编辑器的: 配置变量的配置如下: 第一次一切都很正常。当我切换到单页应用的另一个页面并返回时——插件没有加载。 我尝试删除 componentWillUnmount() 中的编辑器实例,但没用。 我试图找到解决方案,但没有成功。也许我需要在componentWillUnmount()里摧毁编辑器? 感谢你的帮助。
回答(3)
'editor.destroy()' 方法可从 https://github.com/artf/grapesjs/releases/tag/v0.14.20 获得
我也遇到了类似的问题。不过我用的是VueJs。当我离开页面再回到页面时,编辑器会再次运行插件。这会导致编辑器在使用设备预览调整大小前无法使用,但如果我把一个块拖到画布里,它会掉落两次......一个在我掉落的地方,另一个在底部。
@artf 是的,这完美地起到了作用,谢谢!
相关问答
通过相似的问题讨论继续研究。
问题 #1180
用GrapeJS反应
您好,我搜索过,但没找到具体的解决方案。目前,我正在尝试将我的React应用与GrapeJS集成。 'import React, { Component } from 'react'; import './GrapesSrc/grapes.min.js'; 从“grapejs”...
问题 #438
导入了HTML,我可以移动组件但不能编辑它们
我所做的只是导入了HTML,但无法修改HTML中的文本 我无法输入任何内容或删除任何文字 “''js const editor = window.grapesjs.init({ storageManager: { 自动加载:0, }, 插件: ['gjs-plugin-file...
问题 #1985
远程存储的自动保存不会发送网络请求
操作系统:Windows 10 浏览器:Chrome 73 GrapesJS 版本:'0.14.57' 我用这个调用 'grapesjs.init()' 配置了远程存储: 虽然我在Chrome开发工具的网络标签里看到“/load”请求触发,但无论我在编辑器里做多少修改,都没看到...
问题 #1753
StyleManager - SectorsView - addToCollection() 使用“name”属性构建 ID,但因多个空格或特殊字符而失败
你好@artf, 利用grapesjs.init()方法中的pluginOpts属性,我通过Newsletter插件自定义了样式管理器中显示的扇区,如下: “''js Grapesjs.init({ [...] 插件:['gjs-plugin-ckeditor', 'gjs-b...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。