問題タブ [prettify]

だから私はGoogleコードプリティファイアを使用しています: http://code.google.com/p/google-code-prettify/

これは、スタック オーバーフローがここで行うのと同様のことを行います。コード ブロックを記述すると、それが美しくなり、構文の強調表示が追加されます。

私が抱えている問題は、このようなコードを書く場合です

スタック オーバーフローと同じようにテキストをレンダリングする代わりに、実際にページに DIV をレンダリングし、何が間違っているのかわかりません。

mathematica.SEは現在プライベート ベータ版で、数日後に一般公開されます。Stack Overflow および関連サイトではprettify.jsを使用していますが、Mathematica はサポートされている言語ではありません。私たちのサイトにカスタムのハイライト スクリプトを用意できたらすばらしいと思います。そのようなスクリプトとそれに付随する CSS の開発について、JavaScript と CSS コミュニティの助けを求めます。

Mathematica のデフォルトの強調表示スキームのほとんどの機能をキャプチャするためのいくつかの基本的な要件を以下にリストしました（内部パーサーだけが知っているものは無視します）。また、色には一般的な名前を付けました。提供したスクリーンショットから 16 進数の色コードを選択できます (以下で詳しく説明します)。また、スクリーンショットに付随するコード サンプルを追加して、人々がテストできるようにしました。

基本要件

1. コメント
   これらは として入力され(* comment *)ます。したがって、これらの間にあるものはすべて灰色で強調表示する必要があります。

2. 文字列
   これらは"string"(一重引用符はサポートされていません) として入力され、ピンク色で強調表示されます。

3. 演算子/略記法
   標準の などとは別に+, -, *, /, ^, ==、Mathematica にはいくつかの演算子と略記法があります。最も一般的に遭遇するものは次のとおりです。

   これらと括弧、括弧、および中括弧はすべて黒で強調表示する必要があります。

4. パターン オブジェクトとスロット
   パターン オブジェクトは文字で始まり、 、、などのように_または__またはが付けられます。これらには、アンダースコアの後に などの追加の文字を含めることもできます。これらはすべて緑色で強調表示する必要があります。___x_x__x___x_abc

   スロットは#andであり、その後に、 など##の整数が続くこともあり、緑色である必要があります。#1##4

   これらの両方 (パターン オブジェクトとスロット) は通常、上記のポイント 3 の演算子/ブラケット/ショートフォームで終了します。

5. 関数/変数
   関数と変数は、ここではかなりあいまいな用語ですが、この投稿の目的に役立ちます。上記の 4 つに当てはまらないものは、黒で強調表示できます。Mathematica はコード内でバッククォート`を使用することが多く、関数/変数名の一部と見なす必要があります。例: abcd`defg. 変数名のどこにあるドル記号$も、文字のように扱われます (つまり、特別なことではありません)。

上記のすべてについて、それらが文字列内にある場合は、そのように処理する必要があります。つまり"@~#、ピンク色で強調表示する必要があります。

その他の便利な機能:

1. 上記のポイント 3 のパターン オブジェクトで、アンダースコアの後に a?といくつかの文字が続く場合、に続く部分_は黒である必要があります。たとえば、x__?abcでは、x__パーツは緑で、?abcは黒でなければなりません。
2. 関数/変数が大文字で始まる場合、黒で強調表示されます。小文字で始まる場合は、青色で強調表示されます。内部的には、これにより組み込み関数とユーザー定義関数が区別されます。ただし、mathematica コミュニティ (ほとんどすべての場所) はこの命名規則にかなり固執しているため、この 2 つを区別することは何らかの目的に役立ちます。

スクリーンショットとコード サンプル:

1. 簡単な例

以下は小さなサンプル セットで、最後に Mathematica でどのように見えるかを示すスクリーンショットがあります。

2. 実例

これは、私のこの回答の例であり、「持っていると便利な追加機能」セクションのポイント 2 も示しています。つまり、小文字のものは青で強調表示されています。

また、オレンジ色で強調表示された変数のいくつかに気付くかもしれません。Mathematica を知っているパーサーなしでは実行するのがはるかに難しくなると思うので、意図的にそれを要件として含めませんでした。

これは実現可能ですか？過度に？あまりにもハード？不可能？

率直に言って、私はそれらのどれに対する答えも知りません。ここでは、mathematica.SE を使用するすべての人が欲しがるいくつかの基本的な機能と、その上にあるチェリーとなるいくつかの追加機能をリストしました。ただし、これらの実装が難しすぎる場合はお知らせください。機能のより小さなサブセットを作成できます。

この支援を認めて、Mathematica コミュニティから永遠の感謝の意を表します。さらに、これに大きく貢献した各人に 500 の報奨金を授与します(別の人によって部分的に行われた場合)。何が重要かを決定するための回答に対する投票/コメント/出力 (おそらく、すべての作業を行う場合は、1 人に複数の報奨金)。「追加の素敵なもの」を実装すると、以前のバウンティに関係なく、自動的に +500 が付与されますですので、前半をやらなくても、他の人の作品を参考にすることもできます。また、この質問を見ていない可能性のあるユーザーを引き付けるために、定期的に小さな報奨金を配置する可能性があります。そのため、これらの報奨金を獲得した場合は、最後に決定される「既存の回答に報いる報奨金」に追加されます。 .

最後に、私は急いでいません。ですから、この質問に時間を割いてください。報奨金は、SE によって実装されるまで (または、既存の回答が要件を完全に満たしていると判断された場合)、常にオプションです。理想的には、今から 2 か月後のベータ版の 3 分の 2 でこれを実装したいと考えています。

何らかの理由で、行番号が表示されません。これは既知の問題ですか? コードの色付けは問題なく機能します。表示されないのは行番号だけです

HTML

誰がこれを引き起こす可能性があるか知っていますか?

I'm using Google's Prettify.js library for highlighting syntax. Working great.

It auto-detects languages and applies a generic color scheme. But it seems C# is picked up as a generic C-variant and is colored very similar to Java.

I found an alternate color scheme that looks like the SonOfObsidian theme, which is neat but doesn't work for my purpose and app scheme.

Question:

Is there an open-source C# color scheme available for Prettify.js?

私は任意のプログラミング言語で書かれたコードを持っています。Web サイトに表示するために、どのように「きれいに」(太字の if、else など) できますか? それを行うための適切な API はありますか?

まず、私はMicrosoftのバックグラウンドを持っており、VisualStudioは私のパンとバターです。コード構文を自動フォーマットするコマンド（keybindは任意）があります。同じコマンドがHTML、CSS、Javascript、C＃などで機能します。

ST2のプラグインを試しましたが、これまでのところ、ほとんどのプラグインはWindowsボックスでは機能しないことがわかりました。機能する場合は、Javascriptのような非常に特殊な目的のためです。

私は試しました（そして必要に応じてIssuesを開きました）：

https://github.com/victorporof/Sublime-HTMLPrettify

https://github.com/jdc0589/JsFormat （これは実際に機能します）

https://github.com/welovewordpress/SublimeHtmlTidy

ST2のWindowsユーザーは、CSS / HTML / Javascriptを、できればワンショットでフォーマットするために機能するものを見つけましたか？

編集：この質問はアクティビティなしで多くのビューを取得しているので、同じコマンド内でさまざまなスクリプトタイプをフォーマットできるプラグインをまだ探していると言います。

2013年10月 JS+CSS + HTMLをうまくカバーするものはまだ見つかりませんでしたが、JavaScriptだけの構成が最小限で、はるかに効果的でバグがない JsFormatに落ち着きました。

AJAX リクエストの結果からコードを動的にロードする div があります。次に、prettify を使用してフォーマットします。動作しますが、非常に遅いです。私が使用するコードは次のとおりです。

要するに、GET リクエストを実行し、リクエストの結果を #myDiv に入れ、フォーマットし、div にフェードインします。時間はかかりますが読み込みます。しかし、div をフェードアウトすると、ページが数秒間応答しなくなります。prettyPrint() を削除すると、ページは完璧に動作します。ヒントはありますか？

Google Prettify で HTML コード サンプルを適切に表示するには、すべてを で置き換え、すべてを で置き換える必要があり<ます。<>>

JavaScript のみを使用してそのプロセスをどのように自動化しますか?

Google prettify を使用していくつかの構文を強調表示しようとしていますが、これまでのところ機能していません。

すでにブートストラップにある pre タグをいじらずにこれを機能させる解決策はありますか?

Unicode エラーが発生します:UnicodeEncodeError: 'charmap' codec can't encode character u'\xa9' in position 822: character maps to <undefined>

これは標準の著作権記号のようで、HTML では © です。私はこれを乗り越える方法を見つけることができませんでした。コピーをスペースに置き換えるカスタム関数も試しましたが、それも同じエラーで失敗しました。

著作権記号を超えてプリティファイを取得するにはどうすればよいですか? 私は役に立たない解決策をウェブ全体で検索しました（または、Pythonとスクレイピングにかなり慣れていないため、理解できないかもしれません）。

ご協力いただきありがとうございます。