外部ソースからのインポートとシンタックスハイライトコード

Question

私はフロントエンドの開発者ではなく、ハイライトを得るために何時間も苦労しています。ブログにコードをうまく表示する必要があります。それは選択したスタイル、例えばidea.cssで非常にうまくカラフルな...私は

<pre><code>...</code></pre> 

に投稿したコードをレンダリングすることでわかりました、それが完璧に動作します。私はすべてのスタイルとhighlight.pack.jsをディレクトリに置く準備ができています。

しかし、これらのタグの間にプログラム全体を貼り付けるのは面倒です！コードがファイルに残っていれば、他のもののためにもっときれいに再利用できます。

可能な場合は外部ライブラリにロードしないで最短で最もエレガントな方法は、これらのタグの間の同じディレクトリにあるpythonファイルからコードを取り出すことです。

このライブラリの主な参照先はhereです。

Answer 1

私はあなたのコードファイルがウェブサーバー上の生活を強調すると仮定しています。

1. JQuery getを使用してファイルをインポートします。
2. コンテンツをコードタグに入れます。
3. hightlight.jsから適切な関数を呼び出して、highlight the codeにします。これを調整するための2ニーズがあなたのpage.Otherwiseステップで一つだけ<code>タグがあることを前提とし

   <pre><code></code></pre> 
   <script type="text/javascript"> 
       $.get("/myCode.py", function(response) { //(1) 
       $("code").html(response);    //(2) 
       $("code").each(function(i, block) {  
       hljs.highlightBlock(block);    //(3) 
       }); 
   }); 
   </script> 
   

   注：ここでは

は、いくつかのHTML/JSコードです。