コード ブロックを含むブログ投稿を作成するために、どのライブラリやパッケージを使用しましたか? 行番号とインデントをサポートする JavaScript ライブラリがあると理想的です。
9 に答える
GeSHiテキスト ハイライターはかなり素晴らしいです。WordPress を使用している場合は、すでにプラグインが用意されています
簡単な Google クエリでhttp://code.google.com/p/syntaxhighlighter/が明らかになります
最初の外観から、それはかなり良いようです。完全に JS ベースなので、使用するサーバー側の言語に関係なく実装できます。
Syntax Highlighterはwordpressで使用され、優れた結果を生成します。
Visual Studio コードを HTML http://www.jtleigh.com/people/colin/software/CopySourceAsHtml/としてコピーします。
Live Writer を使用し、ソース コードを html としてコピーする VS アドインを使用してコードをコピーし、Writer で HTML ビューに変更して結果を貼り付けます
アドインはhttp://blogs.microsoft.co.il/blogs/bursteg/archive/2007/11/21/copy-source-as-html-copysourceashtml-for-visual-studio-2008-rtmからダウンロードできます。.aspx
しばらく前に、このトピックについていくつかの調査を行った結果、GeSHi を使用することが最善であるという結論に達しました。しかし最近、私はいくつかの代替案を探しています:
- シンタックス ハイライター プラグインで Windows Live Writer を使用する (いくつか 利用可能です)
- syntaxhighlighterライブラリまたはgoogle code prettifyライブラリを使用します。どちらもJSで書かれており、2番目のものはstackoverflowで使用されていると思います
- たとえばMarkdownで投稿を書き、プログラムに最終的なHTMLを生成させる中間プロセスを使用します
個人的には、この Web サイトを使用してそれを行っています: http://puzzleware.net/codehtmler/default.aspx
それが私自身のコードである場合は、SciTEの HTML へのエクスポートを使用して貼り付けます。それ以外の場合 (ここで行われているようなコードの強調表示)、サーバー側で行うことをお勧めします: JS の強調表示 (たとえば、JavaLobby で見られるように) は、ページがデフォルト モードで表示された後に発生します (したがって、突然の変更があります)。見栄えが悪く、あまり見栄えがよくありません)、多くの場合低速であり、さらにJSが無効になる可能性があります.
実際には、このようなタスクは 1 回で済みます。ユーザーが入力した後は、訪問者に提供される各ページで何度も実行する必要はありません。
私は通常、C# コードをフォーマットするこの無料のオンライン ツールを使用します。C# とともに、VB、HTML、XML、T-SQL、および MSH (コード名 Monad) のコードもフォーマットします。