問題タブ [prettify]

現在、Google prettify スクリプト prettyPrint を使用しています。ページ全体を実行するための関数呼び出しが 1 つしかないことを除いて、適切に機能します。

理想的には、次のことを可能にする jquery ラッパーが必要です。

ただし、これでも十分です。

多くの <pre> タグがあり、それらをすべて同時に初期化するのはやり過ぎです。prettyPrint で特定の要素をターゲットにするにはどうすればよいですか?

Python には、codehilite であるコードを強調表示するマークダウン拡張機能があります。この拡張機能は、スニペットを codehilite クラスにラップします。このような関数を取得する方法はありますが、codehilite で処理せずにすべてのスニペットに class='prettyprint' のみを配置するにはどうすればよいですか。

基本的に、マークダウンが作成するすべての<pre></pre>タグをに変換します<pre class='prettyprint'></pre>

私がやろうとしているのは、JavaScript のスニペットをページに表示することです。それを実行するのではなく、人々がコピーできるようにコード スニペットとして表示するだけです。Google の Prettify をロードすると、ページに次のコードが表示されます。

ただし、このコードは実行されるだけで、JS スニペットは表示されません。ここで何が欠けていますか？

blog@blogger で使用している Google prettify で、色を変更したり、交互の背景色を完全に無効にしたりしたいと考えています。

私の現在の CSS は、この変更を加えた Doxy テーマです。

これが今の姿です

この白い色を透明感のある濃い灰色に変更するか、交互の色を完全に削除したいと思います。

これを外してみた

しかし、まだ何も..

私はPrettifyで遊んでいて、すぐに動作するようになりました. ただし、css ファイルのフォントを変更しようとすると、ブラウザーに変更が表示されないようです。CMS として Silver Stripe を使用しています。私が持っているウェブサイトのCSSファイルでは：

私はprettify用に別のCSSを持っています（そして、bgの色が変わるなど、font-familyとfont-sizeだけが変わらないので、それが機能することを知っています。奇妙なことに、font-weightは機能します）。

サファリを使用しています。私が間違っていることを理解していませんか？Arial フォントしか取得できないようです。

prettify と css のカスタマイズを使用して tumblr テーマを設定し、python コード スニペットを表示しようとしています。私はcssにまったく慣れていませんが、今ではほとんど好きなように機能しています（例についてWebを精査したおかげです）。ただし、テキストが長すぎると折り返され、代わりにスクロールバーを表示する方法がわかりませんでした。

これが私が今使っているものです。ここに white-space: を追加したいと言っているページをいくつか見つけましたが、すべてのオプションを試した後、どれも機能していないようです。オプション nowrap を使用すると、改行がまったくなくなります。

width: 2000px または何か大きなものを追加すると、テキストの折り返しが停止しますが、すべての上に書き込まれ、スクロール バーが表示されません。

助けてくれてありがとう。

Assembleがファイルを作成した後、prettifyを1つのディレクトリで実行し、htmlファイルを同じディレクトリにprettifyしようとしています。デフォルトのタスクを一緒に実行すると、prettify はエラーをスローします。

その後、各タスクを個別に実行すると、すべて正常に動作します。

これが私のGruntfileです：

誰かが私を正しい方向に向けることができますか? 出力を同じソース ディレクトリに整形できますか?