ドラフトからデータブロックを表示

Question

反応成分で表示する方法draftjsエディタからmongodbに保存したものは？

これは私が私のデータベース内に持っているものです。

"blocks" : [ 
      { 
       "key" : "7abte", 
       "text" : "example", 
       "type" : "unstyled", 
       "depth" : 0, 
       "inlineStyleRanges" : [ 
        { 
         "offset" : 0, 
         "length" : 20, 
         "style" : "BOLD" 
        } 
       ], 
       "entityRanges" : [] 
      } 
     ] 

私はすべてが素晴らしい作品、（データを編集するため）エディタにこれを返す方法がわかりました。しかし、私はフロントサイトに表示することはできません。

私もセマンティックHTMLへの輸出の私のエディタの内容を試してみましたが、これは私が受け取ったものです：

が、あなたが見たいと、私はいない文字列としてではなく、HTMLとして、それを表示する方法がわかりません。

あなたは私の問題に対して良い解決策をお持ちですか？

Answer 1

あなたはフロントエンドに表示するHTMLを処理する必要がある場合、あなたはこのようなものを使用する必要があります。そうでなければ

<div dangerouslySetInnerHTML={{__html: YourMarkupVar}} /> 

、セキュリティ対策として反応を、通常のテキストとしてタグやディスプレイをエンコードします。