TIP: (dasBlog) code with style

I’m using dasBlog “Insert Code” feature in order to insert some code to the post(strange, but true). Until now, my code was nicely highlighted but it was lacking of background color and some border to give it the proper attention it was required. After digging for couple of seconds in the dasBlog directory I found out that the page ftb.insertcode.aspx (under ftb directory) is in charge of highlighting the code. Here are the important lines (Notice the background color & border ! :-)):

void parseButton_Click(object sender, EventArgs e)
   AylarSolutions.Highlight.Highlighter h = new AylarSolutions.Highlight.Highlighter();
   h.ConfigurationFile = Server.MapPath(“CodeHighlightDefinitions.xml”);
   h.OutputType = AylarSolutions.Highlight.OutputType.Html;
   string result = h.Highlight(sourceTextBox.Text, languageDropDown.SelectedValue);
   result = result.Replace(“\t”, “    ”);
   result = result.Replace(Environment.NewLine, “<br>”);
   resultLabel.Text = result;
   codeText.Text = “<p>” + result + “</p>”;

All you have to do is replace the line:

codeText.Text = “<p>” + result + “</p>”;

With this:

codeText.Text = “<p class=’HighlightedCode’>” + result + “</p>”;

Now add the class into your template css and that’s it!

* I’m using:

    border-style: dashed;
    border: 1px Silver;
    background-color: White;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-top: 4px;

Sweeeeet !


Oren Ellenbogen