SyntaxHighlighter von Alex Gorbatchev gehört zu den am meisten verwendeten Syntax Highlightern im Web. Freshbooks, ASP .Net Forums, wordpress.com, Aptana, Mozilla Developer Center, SitePoint und das Yahoo Developer Network nutzen diese Art der Code Darstellung. Nicht ohne Grund: GPL oder MIT Lizenz, Broserkompatibilität, nette Features, eine saubere und performante Umsetzung sowie eine große Auswahl an Plugins für praktisch jedes Software die im Netz eingesetzt wird haben es zu dieser Größe gemacht.

 

Version 3 hat, neben verschiedenen anderen Neuerungen, auch einen Autoloader um die benötigten Scripte nach dem dom ready event nachzuladen (lazy

Please click here for an English version of this article.

 

 

Seit diesem Wochenende ist meine erste TYPO3 Extension im TER verfügbar: beautyOfCode Syntax Highlighter

 

Diese Extension nutzt das jQuery Plugin beautyOfCode von Lars Corneliussen um das mittlerweile recht bekannte Syntax Highlighter 2.0 von Alex Gorbatchev zu implementieren. Bekannt deshalb weil es von einigen Größen eingesetzt wird: wordpress.com, Aptana, Mozilla Developer Center, SitePoint und das Yahoo Developer Network gehören dazu.

 

Der Quellcode wird XHTML 1.0 Strict kompatibel auf der Webseite eingebettet und per Java-Script gehighlighted. Die RegEx Anweisungen und die Stylesheets die für die verschiedenen Sprachen werden per lazy-loading nachgeladen.

 

Es gibt einige nette Features wie Zeilenumbruch, Zeilen einfärben, Code einklappen, Tabulator Länge bestimmen und eine Toolbar, aber seht am besten selbst: