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;
  },