问题 #4225💬 已回答提出于 2022年3月30日作者 Sudhin350 个反应

The facebook plugin is not working in the grapes js

快速解答作者 Sudhin35

@artf 请帮帮我

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v9可复制演示链接不是在那里描述一下那个虫子如何复现这个漏洞？在 React 应用中安装 Grapes js 并运行制作 Facebook 插件组件并导入 grapes js（从 https://developers.facebook.com/docs/plugins/page-plugin/ 获取 Facebook 页面列表代码）运行应用程序在编辑器中拖放 Facebook 组件预期的行为是什么？去掉 Facebook 组件后，编辑器里应该会显示 Facebook 页面目前的行为是什么？去掉Facebook组件后，它就不再显示Facebook页面了但标签重新加载后，编辑中会显示Facebook页面如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本项目的行为准则

回答（4）

Sudhin35• 2022年3月30日

@artf 请帮帮我

artf• 2022年3月30日

我运行 'editor.setComponents（...FB HTML..）` ![Schermata 2022-03-30 alle 16 30 46]（https://user-images.githubusercontent.com/11614725/160859671-e8b1bbb7-a1ee-466c-a306-58ffe02944ed.png）

请提供一个可复现的演示。

Sudhin35• 2022年3月31日

@artf 谢谢你的回复但你已经添加了editor.setComponents（...FB HTML..）默认操作，然后加载编辑器请创建一个 Facebook HTML 组件，然后在编辑器中拖放该组件，否则加载不了我就是这样尝试过的

GJSBlock• 2026年5月17日

谢谢你举报，@Sudhin35。关于BUG：Facebook插件在 grapes js中无法工作，真是太棒了！虽然这个具体功能还没在核心API里，但有几种方法可以实现类似的行为。使用事件系统：替代方法：* 听取 CSS 选择器更改的 selector:add 使用 selector:custom 自定义规则利用 change: 事件进行细粒度跟踪构建一个插件，扩展编辑器并具备此功能正式宣布：如果此功能能惠及更多用户，考虑在 GrapesJS 仓库中正式发起功能请求，内容包括：详细的使用场景示例代码，展示期望行为为什么这对你的工作流程很重要核心团队对有实际用例支持的功能请...

在 GitHub 上查看完整讨论 →