html/シンタックスハイライト/比較

 
1. 能書き
2. 比較

1. 能書き

 比較するほどまだ使ってみていませんが、シンタックスハイライトを使ったうえでの実感を少し書いておきます。  このサイトに設置する上での実感なのであまり参考にはならないかもしれません。

2. 比較

No. 名称 良い点 悪い点 備考
1google-code-prettify 手軽ではあります。 対応言語が少ない(あくまで個人的な問題)。
2SyntaxHighlighter カスタマイズはしやすいです。 折り返しにすると行番号がずれる。 2017年10月現在、本サイトではこれを中心に記述しています。
3highlight.js 対応言語が多い。 行番号表示にはプラグインが必要です。カスタマイズがとても難しい。コードの前後の改行をコードとして解釈してしまう。
4prism.js 対応言語が多い。カスタマイズ可能。 行番号表示にはプラグインが必要です。コードの前後の改行をコードとして解釈してしまう(これはカスタマイズで解消できます)。ハイライト行表示はうまく表示できませんでした。