Editor.js/embed Rumble 集成

【问题标题】：Editor.js/embed Rumble integrationEditor.js/embed Rumble 集成
【发布时间】：2023-01-23 01:15:27
【问题描述】：

查看文档editor.js/嵌入plugin，id() 函数不是async，因此似乎无法从服务器获取有关 rumble 链接的元数据信息例如，这样的链接不包含有关视频 ID 的任何信息： https://rumble.com/v1h7lsx-jordan-peterson-skewers-trudeau.html（v1h7lsx 不是令人惊讶的 id）

期待通过 XMLHttpRequest 同步获取 javascript，该功能接缝将被终止（或威胁很快在主要浏览器上终止）。

您对嵌入隆隆声视频有何建议？

【问题讨论】：

标签： embed editorjs

【解决方案1】：

您可以创建一个单独的 Rumble 工具，指定 pasteConfig 来处理此类链接。该工具可以具有后端元提取逻辑。

class RumbleTool {
  static get pasteConfig() {
    return {
      patterns: {
        image: /https?://rumble.com/S+/i
      }
    }
  }
  onPaste(event){
    switch (event.type){
      case 'pattern':
        const url = event.detail.data;

        this.fetchMetaByUrl(url);
        break;
    }
  }
}

示例和详细解释见：https://editorjs.io/paste-substitutions#create-blocks-from-pasted-link

【讨论】：