如何知道所选组件是从哪个方块生成的？
你应该更多地考虑组件而不是方块，确实合适的方块应该看起来更像这样。 “''js 编辑。BlockManager.add（'block-id'， { 唱片公司：... 内容：{ 类型：'component-id' }， }) 一旦丢弃了那个方块，你总能获得那个属性 'component.get（'fromBlock'）'
阅读下方完整回答 ↓问题
想知道如何进行反向查找，从组件回溯到模块。
我用 Block Manager add（） 初始化后添加一个类似的方块。
编辑。BlockManager.add（
“我的模块-ID”，
{
唱片公司：...
内容：editor.getSelected（）.toHTML（），
类别：...
}
}
如果选中的组件是由这个自定义块生成的，我该怎么办？
回答（2）
你应该更多地考虑组件而不是方块，确实合适的方块应该看起来更像这样。 “''js 编辑。BlockManager.add（'block-id'， { 唱片公司：... 内容：{ 类型：'component-id' }， }) 一旦丢弃了那个方块，你总能获得那个属性 'component.get（'fromBlock'）'
谢谢你举报，@amliu。 关于[问题]如何知道选中的组件是从哪个模块生成的？的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） => console.log（'...
相关问答
通过相似的问题讨论继续研究。
问题 #4792
20.2版本的拖放功能失效了
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞？创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式，丢弃后再将组件本身设为绝对拖拽。...
问题 #3779
Editor.getSelected（）.toHTML（） 编码内联 JavaScript
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 最新款（镀铬）可复制演示链接 https://jsfiddle.net/4j1k0wde/24/描述一下那个虫子 如何复现这个漏洞？创建带有脚本标签的方块。使用 'editor.getSelected...
问题 #3627
：我正在尝试复制页面，但由于 ID，样式无法应用，结尾的 -2，-3 发生了变化。
“JavaScript const duplicatePage = （编辑者） => { let components = editor.getHtml（）; 令 css = editor.getCss（）; 让newPage = 编辑器。Pages.add（{ 样式：CSS，...
问题 #5211
漏洞
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ v9.2 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 我在 Vue3 项目中使用它 当我想添加新组件时，页面会挂机且没有响应 这是我的代码： 行为...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。