問題タブ [prismjs]

スタイルが要素に適用されないという問題があります。コンポーネントの styles パラメータにスタイル情報を追加するか、styleUrls パラメータに CSS ファイルを指定すると、期待どおりの結果が得られます。ただし、インライン HTML スタイルは適用されません。以下の例では、赤い背景を div に適用しようとしていますが、白のままです。この HTML は、Angular コンポーネントのテンプレートとして存在します。

ただし、次のような要素に ngStyle="" を追加すると:

次に、Angular は div の背景を赤でレンダリングします。

Angular がこのようなスタイル属性を無視する原因は何ですか?

誰かがこれに遭遇したかどうかはわかりません。PrismJS 構文ハイライターを使用してコードを強調表示しています。アプリケーションは Reactjs で記述されており、私がやろうとしているのは WYSIWYG エディター内です。ユーザーがコード ブロックを挿入したいときに、ユーザーが選択したテキストを pre + コードでラップしています。PrismJS は、期待どおりに要素を正しくトークン化しているようです。

しかし、おそらく上の画像からわかるように、すべてが 1 行にまとめられています。むしろ素敵なコードブロック:

Prismjs サイトの css を使用すると、何が問題なのかわかりません。

出力されたhtmlは次のとおりです。

編集：

word-wrap: pre-wrap を追加すると、結果は次のようになります。