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/rich/rich.html