{"id":417,"date":"2008-06-04T10:22:04","date_gmt":"2008-06-04T09:22:04","guid":{"rendered":"http:\/\/www.matthijskamstra.nl\/blog\/?p=417"},"modified":"2009-01-12T14:52:38","modified_gmt":"2009-01-12T13:52:38","slug":"actionscript-syntax-highlighting","status":"publish","type":"post","link":"https:\/\/www.matthijskamstra.nl\/blog\/2008\/06\/04\/actionscript-syntax-highlighting\/","title":{"rendered":"ActionScript syntax highlighting"},"content":{"rendered":"

I wanted an easy way to present my ActionScript code on my blog.<\/p>\n

The easiest way is to use the code<\/code> button in WordPress and CSS.
\nI’ve used this in combination with the pre tag
\nBut that’s doesn’t show nice code highlighting<\/a> or line numbers…<\/p>\n

Syntax highlighting is a feature of some text editors that displays text “especially source code” in different colors and fonts according to the category of terms.<\/p><\/blockquote>\n

I found out that there are two (probably more, but these two are the ones I tested) methods:
\ncode highlighting server sided<\/strong> (PHP) or client sided<\/strong> (javascript)<\/p>\n

Server sided<\/h3>\n

The first WordPress highlight plugin is: iG:Syntax Hiliter<\/a> which is based upon GeSHi<\/a>.<\/p>\n

\"\"<\/p>\n

GeSHi – Generic Syntax Highlighter for PHP. Used to highlight almost any code for the web. Nearly 100 supported languages: PHP, HTML, C and more. Styles can be changed on the fly and CSS classes can be used to reduce the amount of XHTML compliant output.<\/p><\/blockquote>\n

Because the code highlighting is done on the server it’s really quick.
\nThe install was very easy and it’s very easy to use: [as] place your code here [\/as]<\/code> (this is the code you use for ActionScript, read the manual included in the zip for other languages)<\/p>\n

Pro:<\/strong> serversided so the code highlighting is done almost at once, a lot of programming languages that can be highlighted, easy to use in WordPress
\nCon:<\/strong> extra pressure on the server?, no copy to clipboard, not sure how up-to-date the plugin is (it works very good, but the last post about the plugin is from 2006, although the writer of the plugin replies to recent comments), I’m not very fond of the default CSS (but that can be modified). no button in the WordPress wysiwyg\/html editor <\/p>\n

Client sided<\/h3>\n

The second plugin is: syntaxhighlighter<\/a> written by Erik Range<\/strike>, this plugin is based upon dp.SyntaxHighlighter<\/a> from Alex Gorbatchev.<\/p>\n

The plugin that I installed is removed, but there is a new one:http:\/\/wordpress.org\/extend\/plugins\/syntaxhighlighter\/<\/a>. This one is in the WordPress plugin directory, so it’s easy to install. I haven’t tested this one\n<\/div>\n

\"syntaxhighlighter\"<\/p>\n

SyntaxHighlighter is here to help a developer\/coder to post code snippets online with ease and have it look pretty. It’s 100% Java Script based and it doesn’t care what you have on your server.<\/p><\/blockquote>\n

Because the code highlighting is done client sided, you will see some ‘flickering’, and change of appearances of the code block.
\nDefault the dp.SyntaxHighlighter<\/strong> doesn’t include ActionScript so I had to add that to it (digitalflipbook<\/a> wrote the javascript file so I only had to add it), change the WordPress plugin (it didn’t have ActionScript either ), update the WordPress Plugin to version 1.5.1 of dp.SyntaxHighlighter and fix the copy to clipboard function….<\/p>\n

Pro:<\/strong> no extra pressure on the server, copy to clipboard, it looks nicer, posible to add just one language instead of all,
\nCon:<\/strong> no default ActionScript, view code in popup, no button in the WordPress wysiwyg\/html editor <\/p>\n

My choice<\/h3>\n

Both have there strong points and there weaknesses, but I choose iG:Syntax Hiliter<\/a> because of it has included ActionScript default, and the processing of the code highlighting is done on the server side.<\/strike><\/p>\n

Update #1:<\/strong> For some reason iG:Syntax Hiliter changes the < code>-tag to a highlighted code block with the programming language code<\/code> (never heard of that programming language \ud83d\ude09 ) but more strangely: to something unreadable… I always test all the plugins I want to use on a WordPress blog installed on a usb-webserver and the plugin works fine there, probably the plugins I have installed on my ‘live’ blog don’t play nice with each other. I don’t have the time to find out who they are, so I used syntaxhighlighter.
\nThere is no reason you shouldn’t use iG:Syntax Hiliter: it works fine with WordPress 2.5, it just doesn’t on my blog. \ud83d\ude41<\/div>\n

[as]
\nfunction test ():void {
\n trace (‘test’);
\n}
\n[\/as]<\/p>\n","protected":false},"excerpt":{"rendered":"

I wanted an easy way to present my ActionScript code on my blog. The easiest way is to use the code button in WordPress and CSS. I’ve used this in combination with the pre tag But that’s doesn’t show nice code highlighting or line numbers… Syntax highlighting is a feature of some text editors that […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17],"tags":[68,158,156,157,155,153,406],"class_list":["post-417","post","type-post","status-publish","format-standard","hentry","category-flash","category-wordpress-plugin","tag-actionscript","tag-clipboard","tag-code-snippets","tag-programming-languages","tag-syntax-highlighter","tag-wordpress-25","tag-wordpress-plugin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":3,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/417\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/417\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/media?parent=417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/categories?post=417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/tags?post=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}