reactjs - 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>

我在这里发现与导出图像相同的问题，它们已经解决，但不适用于视频。我在 github 上阅读了他们的源代码，现在他们似乎只支持文本、链接和图像。

那么如何获得结果 HTML 包括来自草稿 js 的视频？请帮帮我，谢谢各位。

标签： reactjsdraftjsdraft-js-plugins

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