Draft-js-export-html 导出时不包含视频

Question

目前，我正在使用草稿js编辑器，添加插件draft-js-video-plugin将视频插入编辑器并使用draft-js-export-html导出html，但htmk结果不包括视频标签或其他任何东西。

控制台日志stateToHTML(this.state.editorState.getCurrentContent())

<p><br></p>
<figure>&nbsp;</figure>
<p><br></p>

我发现导出图像here 存在同样的问题，他们已经解决了，但视频没有。 我在 github 上阅读了their source code，现在它们似乎只支持文本、链接和图像。

那么我怎样才能得到结果 HTML 包括来自草稿 js 的视频？请帮帮我，谢谢大家。

Answer 1

感谢 rafaelespinoza https://github.com/sstur/draft-js-utils/issues/59#issuecomment-314527096

我可以使用 `entityStyleFn 修复它，如下所示：

entityStyleFn: (entity) => {
    const entityType = entity.get('type').toLowerCase();
    if (entityType === 'draft-js-video-plugin-video') {
      const data = entity.getData();
      return {
        element: 'video',
        attributes: {
          src: data.src,
        },
      };
    }
    return null;
  },