問題タブ [prismjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Prismjs を Svelte コンポーネントで実行するにはどうすればよいですか?
Prismjs を Svelte プロジェクトに実装しようとしているだけです。
CSS をロード<head>し、Svelte コンポーネントに JS をインポートしています。
ここで説明されている同様の問題が発生しています: https://medium.com/get-it-working/get-prismjs-working-in-react-a6d989e59290
基本的に、コンポーネントがレンダリングされた後にスクリプトを再実行する必要があるようです。Prism.highlightAll()ライフサイクル内で実行することにより、記事の React で説明されているのと同じ方法でこれを達成しようとしていonMountます。
このアプローチがうまくいくことを望んでいましたが、どこにも行きません。スタイルが有効になっていることを確認するには、ページを更新する必要があります。ここで何が欠けていますか？
angular - Angular の Prism.js は最初のコード ブロックで機能します (コード構文の強調表示)
以下のパッケージをインストール後
次に、HighlightService という名前のサービスを作成しました。
以下のように、コンポーネントで上記のサービスを使用しました。
最後に、style.scss の先頭に次の SCSS を追加します。
私の問題は、上記のサービスがページの最初のコード ブロックに対して機能することです。
