向现有组件添加新组件

Question

你好，

我想问一下，是否有任何现有的支持或 API，可以将新组件添加到现有组件列表中（例如在获取或动态生成组件后）。我说的是类似这样的情况：

editor.addComponent（{
  家长：“parent_id”，
  组件：“<p>新子组件</p>”
})

我研究过文档，最接近的是“addComponents（）”''函数。遗憾的是，该函数没有指定新组件应放置的目标。

我之所以问这个，是因为我的目的是实时协作地使用 GrapesJS，每次用户操作后往返发送整个 HTML 表示实在太慢了。

此致敬礼，米哈尔

ryandeba · Accepted Answer

很遗憾，我不知道有没有简单的方法可以在不递归遍历它们的情况下获得某个组件对象，但听起来这是个好主意！ 你可能可以这样做，收集所有组件，然后筛选出你想要的（这段代码还没完全测试过，但希望能帮你找到正确的起点）： function getAllComponents（component） { 组件 = 组件 ||编辑。DomComponents.getWrapper（）; VAR components = component.get（“components”）.models; component.get（“components”）.forEach（function（component） { components = components.concat（getAllComponents（component））; }); 退回组件; }; 'getAllComponents（）.filter（function（component） { return component.cid == “someID”; } ）[0]'

baxxos · Answer

感谢大家的回复，我觉得我的问题已经得到解答，没什么好补充的了。我现在要结束这个了，不过“find（）”方法会是这个很棒框架中一个受欢迎的补充。

ryandeba · Answer

你好@baxxos， 你是不是想做类似的事：https://jsfiddle.net/ztqsugaw/3/？

向现有组件添加新组件

问题

回答（3）

相关问答

添加大量自定义HTML后，画布会变暗且无法修改。

如何在所有生成的API中添加！重要性

通过编辑器 API 添加图像块

：当组件的ID被更改时触发了什么事件？

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类