The other night I released a few tweaks to the already existing plugin for MangoBlog that does some code formatting and coloring. Being that I was still unhappy with the results I started tweaking. It wasn't long before I ended up with a completly redone color formating plugin. So what started out as tweaks resulted in almost a total rewrite. The changes includes modifications to the plugin parsing logic and the addition of targeted color coding. I'm starting out by targeting HTML, CF, ActionScript and MXML. There is a LOT of room for improvement, but as you can see in my examples below, I think it's very powerful.
In this first release I am supporting ColdFusion and ActionScript and MXML. Average use html and quotes will get styles applied accross the board. In design mode, simply wrap your code output with the followign styles. The nice upgrade with this feature is the ability to add this code directly into the WIZYWIG editor; so in the end I'm also parsing <code>, not just <code>. This results in a MUCH nicer display while editing code. No having to turn off JavaScript to edit your posts. The plugin can be downloaded at the bottom of the page.
- <code></code>
- <code class="as3"></code>
- <code class="coldfusion"></code>
- <code class="mxml"></code>
ActionSript 3 Example:[(bean="EnvironmentVO")]
public var Environment : EnvironmentVO;
public function DownloaderDelagate() {
Swiz.addEventListener(Swiz.INIT_COMPLETE, onSwizComplete);
}
public function onSwizComplete(event : Event) {
/*
Do Stuff With this.Environment Here to Init Class
*/
}
ColdFUsion Example:<cfset var query = ""/>
<cfset var retVar = structNew() />
<cfquery name="query" datasource="myDsn">
SELECT *
FROM dbo.myTable
LEFT JOIN dbo.table2
ON table2.id = myTable.id
WHERE name = 'joe'
</cfquery>
<cfset retVar.query = query />
<cfreturn retVar />
The
Coldfusion parser will actualy parse the <CFQUERY> sql code as
well to a small extend giving color definition to [case sensative]:
SELECT,FROM,WHERE,ORDER BY,GROUP BY,LEFT JOIN,RIGHT JOIN,INNER
JOIN,JOIN,ON,LIKE,BETWEEN,AND,OR.
MXML Code Example:<mx:Canvas id="wraper" width="100%" height="100%">
<mx:Image src="«image path>" height="60" width="55" /»
<display:CustomComponent id="testing" input="randomStuff" />
</mx:Canvas>
Default Code Example:<html>
<body style="background-color: white;">
<div>Hello World</div>
<p clear="all"><a href="http://www.google.com">This is my example</a></p>
<form name="form1">
<input type="text" name="firstName" size="25" />
</form>
</body>
</htmL>
http://www.mangoblog.org
Download the latest Version of Code Coloring by EmpireGP Services