问题 #897💬 已回答提出于 2018年2月24日作者 konstantin550001 个反应

如何:在 Canvas 上找到某个组件,在“component:add”事件中

快速解答作者 konstantin550001

感谢您的关注。 我刚看完那个纪录片。 最终得到了这个解决方案: editor.on('component:add', function(currentComp) { if (currentComp.attributes.tagName == “form”){ var modelList = (domComps.getComponents()).models; var presentForms = modelList.filter(function(component) { return component.attributes.tagName == “form”; }); 如果 (presentForms.length > 1){...

阅读下方完整回答 ↓

问题

大家好, 假设我在<form>画布上添加了块状。当我下次添加(<form>第二次)时, 需要检查:如果这个组件已经存在于画布上, call function implodeComponents(presentedComp, recentlyAddedComp){}

但是,在事件编辑器.on('component:add'...我只能用最近添加的组件。 问题是:如何在画布上遍历所有组件,找到特殊组件(示例<form>) 请看看 http://prntscr.com/ij8c82 谢谢你的帮助。

回答(3)

konstantin550002018年2月24日

感谢您的关注。 我刚看完那个纪录片。 最终得到了这个解决方案: editor.on('component:add', function(currentComp) { if (currentComp.attributes.tagName == “form”){ var modelList = (domComps.getComponents()).models; var presentForms = modelList.filter(function(component) { return component.attributes.tagName == “form”; }); 如果 (prese...

ionic6662018年6月11日

@konstantin55000 嗨,兄弟,domComps.getComponents() 正在获取所有模型,我只想拿到按钮。我该怎么做?谢谢

lock[bot]2019年9月17日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #687

在使用 editor.on('component:add',function(){} 更新组件属性后;蓝色盒子的商品不正确。

在使用 editor.on('component:add',function(){} 更新组件属性后; 蓝色方框的物品(指动作图标)不正确。复制图标不应该显示。 ![图片](https://user-images.githubusercontent.com/2859394/34...

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

问题 #1528

自定义块在从localStorage自动加载时不会执行脚本

我用的是以下代码来做我的自定义方块,当方块被放到画布上时它是正常的。 但当块从 localStorage 加载时,它只创建 div 封装器,不会执行自定义块的 content.script 部分。<br> 我试过把脚本属性简化成只做警报或控制台调用,但没用。控制台没有错误。 b...

2 个回答更新于 2019年10月18日

问题 #1908

无法读取未定义属性“indexOf”。

我在这里找到过之前的结果:https://github.com/artf/grapesjs/issues/1772 但我仍然无法让它工作,按照你的指南和那个问题中的答案,使用最基础的设置。 我的剧本: 页面简单地表示: ![图片](https://user-images.git...

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

问题 #371

启用默认的RTE并自定义函数

正确调用我的 API,想添加一个带有自定义功能以添加链接/打开新窗口/打开模态的 RTE: 命令可以控制fontSize,但下拉菜单没有对齐,显示的是选项值 该命令在 insertHTML 上无法使用。 功能无法工作(意图/非功能) ![葡萄声](https://user-im...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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