問題タブ [google-code-prettify]

AngularJS で Google Code Prettify を使用して単純なタブ付きコード ビューアーを作成しましたが、タブをクリックするとき (および他のアクションを実行するとき) にパフォーマンスが低下するという問題があります。

関連するプランカーは次のとおりです。http://plnkr.co/edit/x25vea?p=preview

index.html:

タブコントローラー:

フィルター：

タブ移動は瞬時にできると思いますが、今行っていることを別の方法またはより良い方法で行う方法がわかりません。

どんな助けでも大歓迎です。ありがとう！

Google prettify を基本的な XML で動作させることができないようです: 誰もがこれを動作させるか、または私が間違っていることを確認できます: ここに私のコードがあります:

どんな助けでも感謝します

特定のブラウザー (この場合は Firefox) では、特定のフォントのサイズが異なるため、Google Code ページからテーマ (砂漠) のコピーをダウンロードし、テーマの背景色が異なるため、自分で微調整する必要がありました。私のウェブサイトからテーマの背景色を変更して、自分のウェブサイトの背景色に合わせたいと思っていました。ただ、このバージョンのテーマは、オンライン版と違って、想定されるコード領域の周りに境界線が作成されます。色の問題は修正できましたが、境界線を削除したいと思います。

画像を埋め込みますが、StackOverflow でまだ 10 の評価を得ていないため、埋め込みは許可されていません。

以下の Firefox の画像 (コード オーバーフローの最悪のケースが発生)

http://i1164.photobucket.com/albums/q570/SparenofIria/ScreenShot2015-01-19at21732PM_zps0541bc46.png

誰かが私を解決策に導くことができれば、それは大歓迎です。ありがとうございました。

編集: 境界線は div のサイズに合わせて塗りつぶされています。

以下は、desert.css の内容です。オンラインで見つけたバージョンから変更されたのは、背景色 (#333 から #FFF) だけです。

google-code-prettify を使用して一部のコードの構文を強調表示しようとしていますが、ブラウザはタグに含まれている HTML をレンダリングしています。はじめにの指示に従いました

例えば

ここで、私が得るのはHello world. lang-htmlafterを追加しようとしましたclass="prettyprintが、うまくいきませんでした。

私は何が欠けていますか？

強調表示された Mathematica ソース コードをウィキペディアのページに追加したいと思います。これは、WR の Tweet-a-Program にあるような簡単なアプリのサンプルです。

現在、prettify.js で Mathematica 構文の強調表示が適切にサポートされています。これは、 mathematica.stackexchange.com と Wolfram コミュニティがコードを表示するために使用するものです。

ウィキペディアが Geshi をサポートしていることは知っていますが、 Geshi には Mathematica のサポートがありません。しばらく正規表現を行っていないので、それをいじりたくありません。

ウィキペディアに投稿されたコードを強調表示するために Prettify.js を使用できますか?

今後のブログ用にコード ハイライターを設定しようとしていますが、コード プレティファイが csharp(C#) のサポートを中止したか、ローダーを別の場所に隠したようです。何かアイデアはありますか?

彼らのgithubリポジトリをチェックアウトしたところ、そこにローダーが見つかりません..

ブラ、インクス

Google の code prettify を使用して、自分の Web サイトでコードを適切に表示しています。Google Code Prettifyで見つけることができます。

HTML では機能しません。<私はあなたがと<に置き換えることになっていることを知ってい>ます>。これを実行しましたが、ブラウザはまだ HTML として解釈します。

これは、Prettify しようとしている HTML です。

公式サイトではこのように表示されますが、

要素を検査すると、次のようになります。

何が起こっている？

ここのよくある質問で述べたように、私はgoogle-code-prettifyCDNを介して 使用しています が、これはコードを強調する機能です。今、私は問題を抱えています<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> prettyPrint()

prettyPrint()この関数を呼び出すと、ページが読み込まれて構文が強調表示されると、定義されていない cdn が自動的にこの関数を呼び出しますが、読み込み後にコードの内容を変更すると、再度強調表示する必要があります。しかし、私はprettyPrint()機能でそれを行うことができません。

私は自己ホストgoogle-code-prettifyしてから使用prettyPrint()し、正常に動作しましたが、コードを変更した後にこの関数を呼び出すと、何も起こらず、構文が強調表示されません

これが私が使用しているコードです