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

Question

目前，我正在使用 draft js 编辑器，添加插件 draft-js-video-plugin to insert video into editor and use 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，现在看来它们只支持文本、link 和图像。

那么我怎样才能得到结果 HTML 包含来自 draft 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;
  },

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

draft-js-export-html not includes video when export

reactjs

draftjs

draft-js-plugins