CSS/JS zum Formatieren und Anzeigen von Codebeispielen auf einer Website

Question

Ich suche nach einer Reihe von CSS/JS-Code, mit dem ich spezielle Textbereiche mit korrekt formatierten und angezeigten Codebeispielen erstellen kann, die this ähneln.

Würden Sie bitte eine Open-Source-Lösung dafür vorschlagen.

Answer 1

This StackOverflow question kann hilfreich sein. Sie können auch überprüfen, code-highlighter. Es markiert standardmäßig JavaScript, CSS und HTML, hat jedoch keine Zeilennummern. Here is an interesting solution, die Zeilennummern haben.

Auch sieht google-code-prettify wie ein ziemlich reifer aus und hat ziemlich gute Unterstützung für eine Anzahl von Sprachen.

Answer 2

Syntax Version 2.1.364 (15. Oktober 2009) http://alexgorbatchev.com

http://builtbywill.com/code/booklet/examples/size für eine Demo