問題タブ [google-code-prettify]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - google-code-prettifyは、JavaコードのSPANタグにクラスを追加しません
Javaコードをきれいにするために、google-code-prettifyを自分のサイトに統合しようとしています。http://google-code-prettify.googlecode.com/svn/trunk/README.htmlの指示に従いました。コードサンプルでトークンのSPAN要素を取得していることを確認できるので、字句解析は機能しているようです。ただし、生成されたSPANタグはクラス属性を見逃しているため、CSSはそれをプリティファイできません。また、SPANタグはおそらく小文字で生成する必要があることを認識しましたが、大文字です。
何が間違っているのか手がかりはありますか？
javascript - なぜグーグルコードプリティファイアはXSLTでの動作を拒否するのですか？
google code prettifier （SOではここでも使用されています）はaのコンテンツを解析し、cssを介して強調表示できるように.prettyprintいくつかのsを挿入します。<span>
XSLTでXMLファイルを提供している場合を除いて、これは完全に単純に機能します。その場合、prettifierはOperaでのみ正しく実行されますが、FirefoxまたはChrome（正確にはChromium）での動作を拒否します。最小限の例を作成しました。以下を参照してください。
XHTMLファイル（サーバー上で生成されたxsltproc）を直接開くと、Firefoxは突然prettyprintを正しく実行できます。ただし、XML自体を変換すると、prettifyは機能しなくなります。どうすればこれを回避できますか？私はおそらく何か間違ったことをしていますか？
これはXMLファイルです
そしてこれはスタイルシートです：
参考までに、これは次の方法で生成されるXHTML1.1ですxsltproc。
編集：
これはFirefoxによってレンダリングされたマークアップです（Ctrl+ Shift+を使用して抽出I）
javascript - Prettify を使用して Web ページで動的に生成されたスニペットの構文強調表示
AJAX リクエストの結果からコードを動的にロードする div があります。次に、prettify を使用してフォーマットします。動作しますが、非常に遅いです。私が使用するコードは次のとおりです。
要するに、GET リクエストを実行し、リクエストの結果を #myDiv に入れ、フォーマットし、div にフェードインします。時間はかかりますが読み込みます。しかし、div をフェードアウトすると、ページが数秒間応答しなくなります。prettyPrint() を削除すると、ページは完璧に動作します。ヒントはありますか？
google-code-prettify - Google コードの prettify は、css の #id が行コメントであると認識しています。私は何を間違っていますか？
CSS の例
コードの整形は行全体を.com
誰かがここで同様の問題を抱えています。
誰かが「lang-css.js を読み込んでいますか?」と答える場所。
これが私がフッターにロードしているものです。
どちらもWebインスペクタで見ることができます。順番を変えてヘッダーから読み込んでみました。最新バージョンを使用しています。
すべてのヘルプは大歓迎です:)
ありがとう！
javascript - すべての pre 要素で JSON.stringify を呼び出す
指定されたクラスを持つドキュメント内の要素内のすべての JSON テキストを JSON.stringify しようとして<pre>います。次に、google-code-prettify を使用して構文の色付けを追加します。私はJavascriptやjQueryを知らないので苦労しています.
きれいな印刷は機能しますが、 JSON.stringify を呼び出す方法や、正しい要素を選択する方法さえわかりません。
より具体的には<pre>、「prettyprint lang-js」クラスを持つドキュメント内のすべての要素に対して、テキスト コンテンツをJSON.stringifyそのテキストを呼び出した結果に置き換えてから、
google- code- を呼び出したいと考えています。 `prettyPrint()' を整形して構文色を付けます。
javascript - JQuery DatePicker を使用すると Google Code Prettifier が機能しなくなるのはなぜですか (またはその逆)
Google Code Prettifier (またはJQuery Syntax Highlighter ) がJQuery DatePickerと同じページで使用されている場合、どちらも正しく機能しません。どうしてこれなの？
twitter-bootstrap - ブートストラップの例としてコードの強調表示を実装する方法
ブートストラップのコード ハイライトは、コード ブロックのスタイルが非常に優れていることがわかりました。
google-code-prettifyを使用して見つけましたが、 google code prettify を試しましたが、スタイルが異なります:
ブートストラップと同じものを実装するには?
twitter-bootstrap - Google Prettify with Bootstrap: 行番号が表示されない
Twitter Bootstrap で Google Prettify を使用しています。動作していますが、何らかの理由で行番号が表示されません。
マークアップは次のとおりです。
そして私はそれを次のように呼びます：
カスタム CSS はありません。Bootstrap CSS のみを使用しています。
javascript - prettify.jsテーマを使用するにはどうすればよいですか？
実際にどのように使用しますか？ファイルの代わりに<link href="">選択した「テーマ」ファイルに移動しますか、それとも他のことをしますか？手順は何ですか？.cssprettify.css