Latest News

  • Super Tower Defense Game
    Mar 10, 2010

    New to the games section is the new Super Tower Defense game. Defend your base from the ever advancing army of tanks, buggies...

  • New Rich Text Editor User Control
    Feb 19, 2010

    By popular request, here we present a re-usable User Control containing the Liquid RichTextBox along with the most common formatting functions included.

  • Silverlight 3 Controls V5.2.7 Released
    Feb 19, 2010

    This release includes several fixes for issues raised in the forum. The main improvement is to the RichTextBox which now provides access and methods to the document elements allowing...

  • Super Shoot Em Up Game
    Feb 04, 2010

    Added to the games section is the new Super Shoot 'Em Up game. Take control of a tank with your aim being to blow up your opposing tanks and collect all the powerups.

  • Silverlight 3 Controls V5.2.6 Released
    Feb 04, 2010

    This release includes some minor fixes for several forum posts. Please see the notes on the download page for full details on what has changed.

Importing/Exporting HTML

This requires version 5.1.5 of the Liquid Controls Library, you can download the dll for free from the Downloads link above.

The Rich TextBox control contains a HTML property for importing/exporting, converting from HTML to RichText where the HTML provided was originally generated from RichText will give perfect results.  HTML that has either been modified from a previous conversion or is completely new cannot be guaranteed to convert, certainly a source dump of a web page will not work.

Converting from RichText to HTML

The online RichTextBox example can be used to test exporting HTML, in the screenshot below we export a snippet of RichText consisting of one heading and a line of text.

Exporting the sample RichText into HTML Using the RichTextBox Example

Converting from HTML to RichText

The basic requirements for converting a block of HTML to RichText is as follows:

  • All tags are well formed.

  • Your CSS styles are included in the same HTML file and not separate CSS files.

  • The CSS is contained within the <style> tag.

  • The HTML follows directly after the styles.

Ensuring the HTML is well formed is very important as it is parsed by an XML reader and HTML with missing or incorrectly closed tags will result in exceptions.  An example of a simple HTML document that could be imported would be:

The online RichTextBox example can be used to test importing HTML.

Importing the sample HTML into the RichTextBox

As you can see if you attempt to import the above into the RichTextBox using our online example you will notice the text with the class contains the correct styling after importation, however the text with the inline style is rendered without any bold styling.  It is also important to note that only a few CSS style commands and possible values are accepted during the conversion, these are as follows:

  • font-family:Any Silverlight Font

  • font-size:Npx

  • text-align:left|center|right

  • color:#RGB

  • font-weight:bold

  • text-decoration:underline

  • font-style:Italic

  • vertical-align:Sub|Super

There are lots of possibilities for using the RichTextBox in HTML editing scenarios and it won't be long before we start seeing Silverlight powered forums and CMS systems.