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

Question

目前我使用的是draft 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他们已经解决了，但没有解决视频问题。 我读过their source code在 github 上，现在似乎只支持文本、链接和图像。

那么我怎样才能从草稿js中获得包含视频的HTML结果呢？请大家帮帮我，谢谢大家。

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