問題タブ [highlight.js]

HTML のコード ブロックを強調表示するために、highlight.js を使用しています。highlight.js はすべてのコード ブロックを見つけて言語を自動的に決定できますが、要素と言語の両方を手動で指定したいと思います。言語を指定することで、それがどの言語であるかを判断するオーバーヘッドを回避したいと考えています (highlight.js は高速ですが、言語の検出をスキップすると高速になる可能性があります)。

HTML では、言語をクラスとして指定します (コード ブロックのスタイリングにこれが必要です)。

JavaScript では、コード要素を反復処理します (何らかの理由で、これらの要素のリストを取得する必要があります)。コード要素を繰り返し処理するときは、hljs.highlightBlock関数を呼び出します。私は (クラスとして保存されている) 言語を知っているので、強調表示する言語を実際に highlight.js に伝えると有利だと思います。

highlight.js Web サイトの使用例から、hljs.configure関数を呼び出して、試す言語のリストを指定できると推測しました。

ただし、これが正しい方法であるかどうかはわかりません。まず、これが信頼できる公式の API であるかどうかが明確ではありません。次に、highlight.js は、コード ブロックが指定された言語であるかどうかを判断しようとしていると思います (これは、最初に避けたかったことです)。

これがHTMLです。かなり簡単です。

そして、いくつかのCSSを試しましたが、何も変わりませんでした:

この fiddleでどのように見えるかを確認できます。左側のコードが欲しいのですが、上部<pre>との間の巨大なパディングは何<code>ですか? ありがとう！
更新: これは動作するバージョンですが、HTML は見栄えがよくありません。誰かがより良いアイデアを持っていますか?

素晴らしいhighlight.jsライブラリは、highlightAuto渡されたコードの言語を検出しようとする関数を提供します。relevance値を返しますが、その関数のドキュメントは、これが「整数値」であること以外のガイダンスを提供していません。

一部のコードで構文の強調表示を行いたいのですが、それは、highlight.js がその言語を理解したと確信している場合に限られます。関連性の値に設定できるしきい値はありますか? 絶対しきい値またはコード行の関数として設定できますか?

ブログで構文の強調表示に hightlight.js を使用していますが、C# と Java で問題なく動作します。しかし、VB.NET コードのハイライトに問題があります。強調表示されていないキーワードとコメントのほとんど。

例えば：

結果はこちら（いつものように使用<pre><code class="vb">）（すみません、サンプル画像を追加できません）

どうすればこれを処理できますか?

私は自分のウェブサイトでangular-markedを使用しています。そして、マークダウンでハイライトコードが必要です。プロジェクトでコードを使用するときに、Readme ドキュメントのset default options オプションセクションを読みます。

Highlight.js docに従って、highlight.js および .css 参照を追加しました。

しかし、Jshintは「hljs」が定義されていないと文句を言います。これを修正する方法を教えてください。

コードを強調表示したい。だから私はパッケージを使用simple:highlight.jsしmarkdownます。ただし、最初の行のみが強調表示され、残りのコードは<pre>タグの外側の空白のテキストとして表示されます。

テンプレート

レンダリングされた HTML

オブジェクトは次のようになります: "front: "var x = 10;↵var y = z;↵var func = function(block) {↵return block * x;↵}""

レポ全体はこちら: https://github.com/mvaisanen/flashcards