syntax-highlighting - Blogspotでのスクロールによる構文の強調表示

Question

私はblogspot.comを使用しています。
コーディングを強調したいと思います。
だから、私はグーグルコードprettifyapiを使用しています。

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>

<pre class="prettyprint"> ... my coding place ... </pre>

すべて問題ありませんが、スクロールを作成したいと思います（。、style = "overflow-x：scroll"など）

blogspot.comでコードをスクロールするためにどこを変更すればよいか教えてください

score 4 · Accepted Answer

この問題の解決策を探している他の人は、チェックアウトする必要があります。

これは、スクリーンショットとすべてを備えた非常に簡単な「Blogger の SyntaxHighlighter」チュートリアルです。

ほんの数分で起動して実行できるはずです。

score 3 · Accepted Answer

あなたのCSSに追加

.codescroll {
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 500px;
}

そして、複数のクラスを pre 要素に追加できます:)

<pre class="prettyprint codescroll"> ... my coding place ... </pre>

それはトリックを行う必要があります

score 2 · Accepted Answer

Google prettify についてはわかりませんが、SyntaxHighlighter を使用すると、コードを少し変更するだけで見栄えがよくなります: http://www.simplethoughtsonline.com/2012/01/syntaxhighlighter-and-blogger.html

3 に答える 3