在Draft.js中制作项目符号

Question

我正在使用Draft.js向我的React应用程序引入文本编辑器.我已经使它适用于粗体,斜体和下划线,但我无法弄清楚如何将文本更改为项目符号.我已阅读文档,但找不到任何有用的信息.有人可以帮忙吗？

Answer 1

您可以将任何文本块要点用RichUtils的draft-js.以下是如何做到这一点:

// button to turn text block to bullet points
<button onClick={this.toggleBulletPoints}>Bullet points</button>

toggleBulletPoints(){
    this.setState({
        RichUtils.toggleBlockType(
            this.state.editorState,
            'unordered-list-item'
        )
    })
}

以下是在draft-js编辑器中更改内联样式和块类型的完整示例:https://github.com/facebook/draft-js/blob/master/examples/draft-0-10-0/rich/rich.html