问题 #2379✓ 已解决提出于 2019年11月5日作者 gentritabazi2 个反应

加载前更新内容

快速解答作者 artf2

@gentritabazi01 给你 “''js if(data.status == '成功') { component.set('content', data.html); } ``` 你可以用“component.components(data.html)”,这样会用服务器返回的新内容替换

阅读下方完整回答 ↓

问题

我在Laravel里构建了一个CMS,用GrapesJS让页面构建器变得完美,我只为“帖子”创建了一个组件,这样用户可以选择类别,限制帖子数量。选择或更改限制或类别后,会向后端请求显示JSON 数据,然后我会附加到GrapesJS。 我通过 GrapesJS 的命令将所有页面内容保存到数据库:“editor.store().html”'' 现在我该如何从数据库中从构建器中选中的那个类别(图片1和图2)加载新帖子。 因为GrapesJS只给我显示html代码。 [组件图片1][1] [组件图片2][2] 用于逐页加载页面内容的代码 组件代码: [1]:https://i.stack.imgur.com/OUrHm.png [2]:https://i.stack.imgur.com/I8aUi.png

回答(2)

👍 最有帮助artf2019年11月7日

@gentritabazi01

给你 “''js if(data.status == '成功') { component.set('content', data.html); }

你可以用“component.components(data.html)”,这样会用服务器返回的新内容替换
pouyamiralayi2019年11月6日

@gentritabazi01据我所知,依赖编辑器存储来做自定义数据层逻辑并不是个好主意。

我通过 GrapesJS: editor.store()命令将所有页面内容保存到数据库.html

你可以使用:

editor.load(['GJS-components'], components => {
   你的解析逻辑
})

上面的代码可以放在你的模型或视图定义的初始化钩子里。这样你就有一个更容易解析的对象列表。 干杯!

相关问答

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

问题 #4851

This.on('change:attributes:type', this.handleTypeChange)不支持数组类型

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 108.0.5359.125可复制演示链接 https://codesandbox.io/s/frosty-darkness-7po7xl描述一下那个虫子 如何复现这个漏洞?使用 myB...

3 个回答更新于 2023年1月18日

问题 #4792

20.2版本的拖放功能失效了

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...

4 个回答更新于 2022年12月20日

问题 #3409

自定义组件属性,但不是特质

我想创建一个带有属性的自定义组件,该属性会被特定代码更新,但我不希望这个属性作为特性可见且可更新;假设我的属性叫“ebTesto”,我写了一个插件函数: 我本以为会在存储的 JSON 的“gjs-components”部分找到新属性,但结果是这样的: 也许我尝试的方式错了? 有...

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

问题 #3329

我应该如何在脚本中获得自定义特质修改?

你好,@artf,这是一个很棒的框架,非常感谢。 我现在用它来创建移动版 BUI 框架的组件,遇到了一个问题,我添加了自定义的特性文本区,我该如何制作这个?当数据发生变化时,它会在输出脚本中触发。 “''js 编辑。TraitManager.addType('textarea'...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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