问题 #3432💬 已回答提出于 2021年5月5日作者 SintoDema0 个反应

我们能在编辑器中使用[Wistia]（https://wistia.com/） GrapesJS 吗？我想像Vimeo在编辑器中使用那样使用它。

快速解答作者 artf

当然，只要检查当前的 [ComponentVideo]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js）实现，并根据需要扩展它。

阅读下方完整回答 ↓

问题

你好，@artf，我们能在编辑器中使用[Wistia]（https://wistia.com/） GrapesJS 吗？我想像Vimeo在编辑器中使用那样使用它。 ![图片]（https://user-images.githubusercontent.com/68583645/117104731-4b032c00-ad9a-11eb-9ddd-d7bb8acb41da.png）情景：我在我的 Wistia 域名里有一个视频，路径要 https://mydomain.wistia.com/medias/VIDEO_ID。我必须添加那个 URL 或视频，因为我们正在编辑器>视频设置中添加带有视频 ID 的 YouTube 视频链接。期待屏幕： ![截图来自2021-05-05 12 32 25]（https://user-images.githubusercontent.com/68583645/117106775-11ccbb00-ad9e-11eb-94a4-4ade6e871858.png）请求：有没有办法把Wistia集成到这个编辑器里？有没有什么整合指南或相关文档？已使用版本： grapesjs - 0.16.18 CKeditor - 标准 - 4.14.1 如果我在 grapesJS 编辑器里获得Wistia的支持会有帮助。谢谢你。

回答（2）

artf• 2021年5月7日

当然，只要检查当前的 [ComponentVideo]（https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/ComponentVideo.js）实现，并根据需要扩展它。

GJSBlock• 2026年5月17日

谢谢你举报，@SintoDema。关于*的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log（'component r...

在 GitHub 上查看完整讨论 →