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

问题 #2346💬 已回答提出于 2019年10月21日作者 frankpagan1 个反应

当点击一个组件时,有没有一个钩子可以知道特征何时渲染完成?

快速解答作者 frankpagan❤ 1

太好了,谢谢!

阅读下方完整回答 ↓

问题

大家好 Grapes 社区, 当从画布内点击组件时,是否有钩子或事件可以知道该组件的特征何时已在视图容器中渲染?

回答(2)

frankpagan• 2019年10月24日

太好了,谢谢!

pouyamiralayi• 2019年10月21日

你好!

当组件被点击时

“component:selected”就是你要找的事件。更多相关内容[见此处](https://grapesjs.com/docs/api/editor.html#components)

知道特征何时已经在视图容器中渲染

根据建议事件的性质,你将获得所选组件的模型作为参数,这样你可以检查模型中任何性状的可用性:

editor.on('component:selected', ( model => {
        console.log(model.get('traits'))
    })
)

干杯!

相关问答

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

问题 #4572

Page update event doesn't fire

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初始化 grapes创建事件处理程序,用于页面更新时使用。更新页面...

4 个回答更新于 2025年3月6日

问题 #4837

HTML元素的ID会在projectData加载的不同页面上递增

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Firefox 109 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好, 我注意到当我在 projectData 中加载多个 HTML...

4 个回答更新于 2025年1月27日

问题 #5689

<> 在开头引入 editor.getHtml()

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome 版本 121.0.6167.185(官方构建)(64 位)可复制演示链接 https://jsfiddle.net/ja50kzne/4/描述一下那个虫子 如何复现这个漏洞?我...

4 个回答更新于 2024年2月21日

问题 #3135

How to easily override existing component ?

例如,我想在默认视频组件上添加双击事件处理程序来打开资产管理器。 我的基本想法是获取视频组件的视图定义,并添加“事件”+处理器。 最后,把它调回视频部分。 不幸的是,这一想法在第一步就失败了。'v.View()' 会给我一个错误 我刚接触这个项目,对Backbone.js几乎一...

4 个回答更新于 2024年2月3日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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