draftjs - ドラフト js で複数行のハイライターを作成するにはどうすればよいですか?

Question

今、私はマークダウンハイライターを作っています。

ハイライトインラインはそれほど難しくありません。CompositeDecorator を使用してテキストを書き換えます。https://facebook.github.io/draft-js/docs/advanced-topics-decorators.html

しかし、複数行の構文 (コードブロックなど) は使用できません。デフォルトでは、改行は次のブロックになり、デコレーターはブロックごとに処理されます。

下の画像は私の実装例です。コードブロックの構文をデコレートできません。

ドラフトjsで複数行の蛍光ペンを作成するにはどうすればよいですか?

Answer 1

必要な「ハイライト」スタイルによって異なります。ほとんどの場合、色やフォント サイズが必要な場合は、インライン スタイルで十分です。色の例を確認してください。

ブロック スタイルの場合、カスタム CSS クラスが必要であり、ブロックをクラスにマップします。これを参照してください。