FCKEditor Syntax Highlighting Demo

Use the syntax highlight button to enter some code into editor below and hit submit to see it formatted. Or just use the code thats already there.

NOTE: you need to make sure your cursor is inside the formatted code area before trying to edit it, Firefox users, there is a cursor focusing bug outlined here.

This is a C# example formatted using the SyntaxHighlighter plugin:<pre name="code" class="csharp"> /// &lt;summary&gt;
 /// This is an example of a C# function that returns a string based on a boolean
 /// It will optionally return HTML with appropriate colors
 /// &lt;/summary&gt;
 /// &lt;param name=&quot;boolString&quot;&gt;&lt;/param&gt;
 /// &lt;returns&gt;'yes' or 'no' as string&lt;/returns&gt;
 /// &lt;remarks&gt;&lt;/remarks&gt;
 private string GetYesNo(bool boolString)
 {
 if (boolString)
 {
 return = &quot;&lt;span style=\&quot;color:#009300\&quot;&gt;yes&lt;/span&gt;&quot;;
 }
 else
 {
 return = &quot;&lt;span style=\&quot;color:#cc3300\&quot;&gt;no&lt;/span&gt;&quot;;
 }
 return output;
 }</pre>This is an HTML example formatted using the SyntaxHighlighter plugin:<pre name="code" class="xhtml">&lt;html&gt;
	&lt;head&gt;
	&lt;title&gt;Example Title&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;h1&gt;I'm header text&lt;/h1&gt;
		&lt;p&gt;I'm body text &lt;a href=&quot;default.aspx&quot;&gt;with a link&lt;/a&gt;
	&lt;/body&gt;
&lt;/html&gt;</pre>Both code blocks are wrapped in &lt;pre&gt; tags and look the same in FCKEditor, but once they are displayed on the website, the SyntaxHighter formats the areas correcly. Try it. Hit the button -------------&gt;