1

mongodb に保存したままの状態で、draftjs エディターから反応コンポーネントに表示するにはどうすればよいですか?

これは私のデータベースにあるものです：

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

これをエディターに戻す (データを編集する) 方法を見つけました。すべてうまくいきます。しかし、フロントサイトに表示できません。

また、エディターのコンテンツをセマンティック HTML にエクスポートしようとしましたが、これが私が受け取ったものです: ドラフトjsエスケープhtml失敗

しかし、ご覧のとおり、文字列ではなくhtmlとして表示する方法がわかりません..

私の問題に対する良い解決策はありますか？

4

1 に答える 1

1

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

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

それ以外の場合は、セキュリティ対策として React がタグをエンコードし、通常のテキストとして表示します。

于 2016-05-25T02:19:18.770 に答える