問題タブ [prettify]

私は wmd エディターを使用しています。これには、最初に jQuery をロードする必要がある独自の js ファイルがありますが、Yii フレームワークには、すべての head 要素の後にロードされるアセットに登録されている独自の Jquery ライブラリがあります。jQuery がなければ Wmd エディターがクラッシュします。最初に読み込まれたので、最初に head 要素を含める必要がありました。ページが読み込まれると、jQuery.yii もすべての head 要素の最後に追加されます。つまり、2 回読み込まれ、コードで競合が発生します。私のファイルは頭のように見えます

ブラウザで、このようなすべての head 要素の最後に自動的にロードされた Jquery の別のコピーを見つけることができます

最初にロードできる方法があるかどうか、またはまったくロードせずにGoogleのcdnコピーを使用する方法があるかどうか疑問に思っていました.

ありがとう

prettify.jsには一連の「テーマ」があります。

実際にどのように使用しますか？ファイルの代わりに<link href="">選択した「テーマ」ファイルに移動しますか、それとも他のことをしますか？手順は何ですか？.cssprettify.css

Google preffify の指示に従いましたが、ページに何も入っていないボックスしか表示されません。どこで私は間違えましたか？インクルードに対して200を取得します。

私は次のコードを持っています、

結果のコード構文を確認できません。私は何を逃したのですか？

結果は次のようになります。

オンライン デモはこちら: http://jsfiddle.net/yKss3/

私のタイトルはそれほど説明的ではないことを知っているので、ここで説明してみましょう。

私のブログでは、ユーザーが という名前の小さなボタンをクリックするとview:source、ソース コードを取得するオプションを追加したいと考えていますraw format。私はprettify.js構文の強調表示に使用しており、以下で定義された css を使用して、ソース コードの周りにテキスト ボックスを自動的に作成します。

さて、そのテキストボックスのような構造に、ソースを未加工の形式で表示するためのオプション/ボタンを追加したいだけです。話している機能は、この dzone の投稿で見ることができます。

Google prettify 要素にオーバーフローを追加すると、行番号が表示されなくなります。

変更されていない CSS:

前の CSS と画像:

後の CSS と画像:

Google Prettify は lex パーサー タグを好まないようです。prettify を使用してコードをフォーマットするブログ投稿に以下を追加しました。

2 行の lex コード ({{ }} の間) は投稿で消えます。それらを一重括弧に変更すると、問題ないように見えます。私は、prettify が同様の種類のタグ付け構文を使用していると考えています。それを回避する方法はありますか？

Prettify.JS を使用して、開発中の Web サイトにコードを表示しています。スクリプト タグ、特に「非リンク」タグに問題があるようです。

このコードは次のように表示されます (script タグ全体が赤くなっていることに注意してください)。

ただし、以下の小さなハックを行うと (スクリプトの開始タグを閉じる前に、目に見えない html を追加します):

OKと表示されているようです：

問題は、リンクされていない複数のスクリプト タグ ブロックを追加した場合です。問題が再び発生します。したがって、次のコード：

次のように表示されます。

Prettify.JS ソース コードを調べたところ、1211 行目に次のように表示されました。

これはレクサーの一部であると私は信じています。

私は Regex Ninja ではないので、Prettify.JS が属性のない非リンク スクリプト タグに対応できるように、これを微調整する方法を教えていただければ幸いです。

前もって感謝します。

私はgoogleprettifyを使用して、contenteditablepreのコードを強調表示しています。contenteditable preにはdivノードが含まれており、ユーザーがEnterキーまたはbspaceキーを押すと、各行のdivが作成/削除されます。

私のpre要素には、すべて1行の初期コードが含まれています（正しく機能し、厄介な\ nやテキストノードがぶら下がっていないように、1行にする必要があります）。

Prettifyは、これを行うときにこれを好みません//one line comments。複数行にわたってコメントします。

それを説明する最も簡単な方法は、フィドルを見ることです：http: //jsfiddle.net/grantk/jwfMr/

私の質問は：ソースを変更せずにcssまたはjavascriptでこれを修正する簡単な方法はありますか？

現在、ブラウザがそれをタグとして扱うため、 for ループの < で切り取られているコードがあります。これを修正する人はいますか?:

レンダリングされたページのソースでは、次のようになるまですべてが正しく表示されます。

ありがとう！