Monday, June 09, 2008 at 1:44:00 PM

SyntaxHighlighter BlogEngine.NET Extension

Under categories of BlogEngine.NET | Comments (1)

This is my first extension for BlogEngine.NET. It will add HTML javascript syntax code in head section and rendering javascript function after the content place holder to be able to use SyntaxHighlighter. The only weakness of this extension that is I need to tweak the TinyMCE before be able to use this extension. You could see my post about how to setup SyntaxHighlighter in BlogEngine.net.

The features that existed in this extension is add particular syntax js file which tell the extension which js file need to be inserted. So, you may want csharp and xml/html be available on your site but ignoring the rest. The extension also add the core javascript and CSS file from SyntaxHighlighter directory automatically. BlogEngine Page and Post able to use this extension.

If you're in hurry. This is patch package, so you could patch your blogengine right away, but if you're advanced user and any modification had been held to files in admin file, please just extract the extension. The extension doesn't have any warranty, so be careful, I am not recommended to overwrite your working blog. You could download the file JSSyntaxHighlighter.zip (97.17 kb).

To know how extension work then please read More...

Saturday, June 07, 2008 at 5:30:00 AM

SyntaxHighlighter in BlogEngine.Net

Under categories of BlogEngine.NET, Development | Comments (1)

My biggest concern on my last blog is how to deliver code in BlogEngine.Net. The CodeFormater extension not working like I want and make me little bit frustrated when using the extension. I am looking around to find any cool replacer of CodeFormater then I found SyntaxHighlighter using JavaScript as the engine. Cool right? and you may use it in any application you want regardless the server side language but it will cost in matter of bandwith.

When I want to implement it into my theme, I am looking around for solution before I starting to code and I found tutorials about how to Adding SyntaxHighlighter to BlogEngine.NET. I decide to follow the instruction and some of step are missing. First, you must add the CSS into your theme. The simplest one is by edit your current site.master template and copying the style into the theme, for example:

<link rel="stylesheet" type="text/css" href="SyntaxHighlighter.css" />

You must add this in head section of HTML document. You may asked why you need to copy into your theme directory? because any CSS reference in <head runat="server"> would be replace by BlogEngine.Net into like this

<link rel="stylesheet" type="text/css" href="/themes/yourtheme/css.axd?name=/css/SyntaxHighlighter.css" />

Now, I need some tuning in our tinyMCE.ascx located on Admin folder. I decide to use the uncompressed TinyMCE to make life easier to this

<script type="text/javascript" src="<%=Utils.RelativeWebRoot%>admin/tiny_mce/tiny_mce_src.js"></script>

Yeah, I know it will cost bandwith but I need the function work right. I would look at the compressed version if I have time. Good Luck.

Saturday, June 07, 2008 at 4:58:00 AM

jQuery in BlogEngine.Net

Under categories of BlogEngine.NET, Development | Comments (2)

I am trying to implement jQuery in BlogEngine.Net and I found errors while accessing the page which the errors tell me that element has no properties. Fortunately, I found the solution which makes me surprise because it's work like magic and of course you need to replace the $ sign in all elements. If you want to try what I am doing with jQuery, just press search image in right corner of your screen.

In searching of jQuery integration, I accidentally found a great article to use Intellisense for JQuery in Visual Studio 2008. It helps me a lot to code because the auto completion is working, you may find the complete instruction in that site. Well, it's not the latest jQuery version but it may help you to start learning jQuery.

If you're looking offline help for jQuery you may download the CHM file on this site.

Friday, June 06, 2008 at 3:11:00 PM

Indonesian BlogEngine.NET User Group

Under categories of ASP.NET, BlogEngine.NET, Development | Comments (6)

BlogEngine.Net is blog engine based on ASP.NET which mainly use C# as the default language. In time to time I aknowledge that BlogEngine.Net Indonesia users is increasing. The reasons may vary according to BlogEngine.Net users, I choose BlogEngine.Net because I want to learn C# deeper. BlogEngine.Net developers are very well coder and have broaden view in establishing relases. Commercially, BlogEngine.Net could be a powerfull simple Content Management System this was said by Ahmad Masykur, the well known coder in Indonesia, in INDC mailing list.

I have small statistic about the Indonesian BlogEngine.Net users, but I want to unified and introduce my fellow friends who use BlogEngine.NET, they're :

Ahmad Masykur
Agus Suhanto
Tomi Yahya
MUGI (Microsoft User Group Indonesia)
Rudy Setyo Purnomo

If you're Indonesian BlogEngine.Net user please reunite :). I wish the best for you all!. If you want to use BlogEngine.Net you could use ASP.NET Hosting, I host my own site in Erudeye and satisfied with the hosting service.

SyntaxHighlighter BlogEngine.NET Extension

SyntaxHighlighter in BlogEngine.Net

jQuery in BlogEngine.Net

Indonesian BlogEngine.NET User Group

This is me!

ShoutBox

Recent comments

Archive

Tags

Categories

Blogroll

Disclaimer