DraftJs:如何插入其中包含链接的html?

时间:2018-08-21 15:05:26

标签: javascript html draftjs

我可以从HTML字符串设置编辑器的内容。但是它会跳过锚标签。

这是我用来设置状态的代码

let html = `Hello. I am <b>bolded</b> text with <a href="google.com"><span>GOOGLE</span></a> link.`;
let blocksFromHTML = convertFromHTML(html);
let state = ContentState.createFromBlockArray(
  blocksFromHTML.contentBlocks,
  blocksFromHTML.entityMap
);
let editorState = EditorState.createWithContent(state);
editor.setState({editorState: editorState});

有人可以建议如何在编辑器中添加可点击的链接吗?

1 个答案:

答案 0 :(得分:0)

您是否已解决此问题? https://github.com/facebook/draft-js/issues/237-如果您包含有效的协议,它应该可以工作-我测试了您的示例,但在http://的开头添加了href,并且转换成功了。

您还需要设置一个CompositeDecorator来使链接正确显示在DraftJS中(如果尚未显示)。这里有一个示例:https://github.com/facebook/draft-js/blob/master/examples/draft-0-10-0/link/link.html