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:
[Autowire(bean="EnvironmentVO")]
public var Environment : EnvironmentVO;
public function DownloaderDelagate() {
Swiz.addEventListener(Swiz.INIT_COMPLETE, onSwizComplete);
}
public function onSwizComplete(event : Event) {
}
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