gpt4 book ai didi

reactjs - 在 Draft.js 中制作要点

转载 作者:行者123 更新时间:2023-12-03 13:29:10 32 4
gpt4 key购买 nike

我正在使用 Draft.js 将文本编辑器引入我的 React 应用程序。我已经使它适用于粗体、斜体和下划线,但我不知道如何将文本更改为项目符号点。我已阅读文档,但找不到任何有用的内容。有人可以帮忙吗?

最佳答案

您可以使用 draft-jsRichUtils 将任何文本 block 转换为项目符号点。以下是您可以如何做到的:

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

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

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

关于reactjs - 在 Draft.js 中制作要点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39293846/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com