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

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

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

快速解答作者 konstantin55000❤ 1

感谢您的关注。 我刚看完那个纪录片。 最终得到了这个解决方案: 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){...

阅读下方完整回答 ↓

问题

大家好, let say i've added block <form> on canvas. When i adding next <form> (second time) , 需要检查:如果这个组件已经存在于画布上, call function implodeComponents(presentedComp, recentlyAddedComp){}

But, On event editor.on('component:add'... i can work only with recently added component. 问题是:如何在画布上穿越所有组件,找到特殊的组件(例如<form>) 请看看 http://prntscr.com/ij8c82 谢谢你的帮助。

回答(3)

konstantin55000• 2018年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...

ionic666• 2018年6月11日

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

lock[bot]• 2019年9月17日

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

相关问答

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

问题 #905

需要找到必要的事件。

大家好! 拖块到画布上,然后放下: ...我们有事件要检测,我们要投放到哪个方块。 ?: 但当我把块文本放进 form(换句话说,我会把一个块嵌套到另一个块里) 我如何检测:*嵌套发生在哪个具体方块中?? 指定什么事件来检测该组件? 我试过 canvas:dragenter 和...

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

问题 #1584

无法从 editor.getComponents() 获取 Block 的脚本

下面是我要添加的组件。this.editor.BlockManager.add('dob-mmyy-pii', { ID:“多布-米”, 标签:“DOB(MM,YYYY)(PII)”, 类别:“形式”, 属性:{class:'fa fa-birthday-cake'}, 内容:...

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

问题 #687

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

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

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

问题 #1838

如何获取组件最新的 CSS 属性?

你好,干得漂亮, grapesjs! 我已经看过文档(尤其是 CssComposer)和相关问题,但我还是卡住了。 一个自定义插件允许我用 component.setStyle() 给组件添加 CSS。重新加载时,我需要插件用这些值初始化。 例如,我想读取组件的margin属性...

2 个回答更新于 2020年3月10日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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