Vectorlight News

  • Chat App Converted to HTML and JQuery
    Sep 08, 2011

    Converted from Silverlight to HTML and Javascript/JQuery is the Vectorlight Chat App. Login using your Vectorlight password to chat using your username and avatar.

  • HTML5 iPhone,Android Big Guns Tower Defense
    Jul 02, 2011

    Big Guns has made the leap from Windows Phone 7 (XNA) to HTML5 so you can now play it on your iPhone, Android and other HTML5 compatible devices.

  • HTML5 Games - Word Poppers and Batty
    Jun 04, 2011

    As the take-up of HTML5 quickens (74% of users currently have a browser capable of HTML5 Canvas) we present two more games for both your browser and mobile.

  • Big Guns Tower Defense on Windows Phone 7
    May 06, 2011

    Coming soon to Windows Phone 7 is an XNA port of the popular Vectorlight tower defense game Super Tower Defense. Whilst retaining many of the graphical and gameplay features of the original Silverlight game.

  • Wakacube WP7 Update
    Apr 26, 2011

    Released to the Windows Phone 7 marketplace today is Version 1.1 of Wakacube the 3D physics game of skill. Included in the update are more levels (30 in total) and new mode Wakatime which generates random crate structures to keep players entertained long after the levels have been completed.

  • Home Page News

Integrated Spell Checker

The Liquid Spell Checker can be easily integrated with the Rich TextBox, all you need to do to enable this feature is to handle 2 events and to be in posession of a dictionary (.dic) file.  The main event here is CheckWord which is called by the Rich TextBox whenever a new word is typed or the cursor moves away from a word.  It is also called at the start when you set the RichText or HTML property, when this occurs this event is fired for each word in the document.

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using System.Xml;

using Liquid;
using Liquid.Components;
using Liquid.Components.Internal;

namespace RichTextBox
{
    public partial class Page : UserControl
    {
        private SpellChecker _spellChecker;

        public Page()
        {
            InitializeComponent();

            _spellChecker = new SpellChecker((this.GetType().Assembly.GetManifestResourceStream("RichTextBox.dictionary.en-US.dic")));
            BuildCustomDictionary();

            richTextBox.CheckWord += new RichTextBoxEventHandler(richTextBox_WordEdited);
            richTextBox.IncorrectWordNotify += new RichTextBoxEventHandler(richTextBox_IncorrectWordNotify);
            richTextBox.IncorrectWordAdd += new RichTextBoxEventHandler(richTextBox_IncorrectWordAdd);
        }

        private void BuildCustomDictionary()
        {
            _spellChecker.AddCustom("silverlight");
            _spellChecker.AddCustom("textbox");
        }

        private void richTextBox_IncorrectWordAdd(object sender, RichTextBoxEventArgs e)
        {
            _spellChecker.AddCustom(e.Parameter);
        }

        private void richTextBox_IncorrectWordNotify(object sender, RichTextBoxEventArgs e)
        {
            List<string> suggestions;

            suggestions = _spellChecker.GetSuggestions(e.Parameter);
            richTextBox.ShowSuggestions(suggestions, e);
        }

        private void richTextBox_WordEdited(object sender, RichTextBoxEventArgs e)
        {
            string temp = e.Parameter.ToLower();

            e.Cancel = _spellChecker.CheckWord(temp);
        }
    }
}


As you can see from the above example we handle CheckWord by calling the CheckWord method on the Spell Checker object.

The IncorrectWordNotify Event

We also handle the IncorrectWordNotify event, here we call the GetSuggestions() method of the Spell Checker object which returns a collection of suggestions, with these we call the ShowSuggestions() method of the Rich TextBox which renders the popup bubble.

The IncorrectWordAdd Event

In the Rich TextBox, if the user decides an incorrect word is in fact correct, they can click the Add button to include the word in a custom dictionary.  When this occurs the IncorrectWordAdd event is fired allowing you to add the word to a custom dictionary.  As you can see from this example the custom dictionary is implemented as a simple collection, in your own Silverlight applications you may want to store this list, either in the Silverlight isolated storage or web service call.

Rate this: 

1 Star 2 Star 3 Star 4 Star 5 Star
15 Ratings / 3.0 Average

Tweets

Silverlight Controls

  • Rich TextBox

    Create and edit rich content with this slick and expandable Rich TextBox...

  • TreeView

    This easy to use TreeView comes with drag and drop, sorting, searching and much more...

  • Context Menu

    You too can have cool popup context menus in your Silverlight applications...

  • Resizable Dialog

    Draggable and resizable popup dialogs are what serious Silverlight developers need...

  • Spell Checker

    Real-time spell checking in Silverlight? We did it first here...