The editor comes with many HTML editing tools. You can customize all of the items in the toolbars. Even if you do not want to use the default factory items and instead use your own, this control provides you a user friendly interface to build your own toolbar items. All the factory items are fully customizable. Moreover, all toolbar item functionalities can be implemented externally using the rich set of public methods. This time you do not need to be bothered about localization. You can customize all the texts and replace the factory provided dialogues with your own dialogues in your own language! It is highly optimized for Windows Vista 64 bit operating systems. Html value properties are optimized for Data Binding. It is featured with many useful public properties, methods, and events. A good spell checker is just built in there. Also body style can be edited using a rich GUI CSS editor, which is available both in Design time and run time.

Highlights
Base and Relative URL support:
This control is highly suitable for HTML documents that have Relative Urls in it’s resource’s path reference. So, now you can show an image in the editor simply with the following tag : <img src=”myImage.jpg” />. The control comes with a property named “BaseUrl”. You need to set that property to the image folder or internet url. So, Guess What !! You can ship your application to your user’s pc where you simply change the BaseUrl programmatically so that the images can be shown in any of your user’s PC.

Spell Checker:
This control is featured with a spellchecker. You can use your own dictionaries with the spellchecker.

Searching API:
Searching API is included with the control. You can use the default searching dialogue or you can implement the search dialogue yourself.

Customizable interface:
This control comes up with two factory toolbars, with many rich toolbar items. They are perfect enough to do almost all of your editing task. Also you can customize them. Even if you do not want to use them and instead use your own toolbar items, you can also do that.

Design mode and source mode:
There are two editing modes available. WYSIWYG design mode and Raw Html source mode which will give you a complete control over the HTML content.

Events:
Two featued events are worth mentioning. Pasting event and HTMLChanged event. Guess What !! You can intercept the Pasting event and manipulate the pasting content from ClipBoard and apply your filter logic. Very much useful for filtering MS Word content while pasting. HTMLChanged event, fires as soon as the html is changed, similar to TextChanged property of a TextBox Control. Also you can change the default behavior of the loading and saving HTML to the editor to your needs.

Methods:

Lots of useful methods are there like getting or setting caret positions, scroll positions, GetPlainText() method. GetPlainText() method is not a return a simple text version of the HTML. Rather the returned text will preserve the layout of the original HTML content like tables, paragraphs etc. Cool isn’t it?

Properties:
Lots of useful properties are there like Scrollbar visibility properties (GET/SET), Read Only property (GET/SET), Word Wrap property (GET/SET). Property available for choosing Single Line Break or Paragraph on Enter key response.

Operations composite property contains Methods associated with the toolbar items. That is, if you want to create a button of your own and give it the default copy functionality, you can invoke the Copy() method of this property.

The SelectionState property as its name goes deals with the editor’s content. Like getting the attributes of the editor items and also to determine the state of current selection. It has properties like, IsBold, IsHyperLinkSelected, IsImageSelected, IsItalic etc. It contains one of the important properties ActiveHTMLElement of type IHTMLElement. This property gives you full programming control for getting the Active Element as Document Object Model and manipulating the Element (as a node).

DataBinding:
For Data Binding purpose you can bind any data sets’ string field to the editor’s BodyHtml or DocumentHtml properties. This will give you an excellent opportunity to use database models with the editor.

Styling the Document:
Apart from the designer mode and you can change the body style of the document right from the editor both in the designer mode and from run time.
Other exciting features include,

• Basic enough for even the most novice of users.
• Optimized for Vista 64 bit OS.
• Design time GUI Collection editor available for manipulating the properties of the toolbar items.
• Easier interface to add new toolbar item.
• HTML can be retrieve as plain old HTML, XHTML and XML
• Generates clean <span> tags for font elements; (<span
  style=”font-family:Verdana”>text here..</span> (not <font face=”verdana”>text
  here.</font>)
• GUI Dialog for Table Insert/Update
• GUI Dialog for editing table cells.
• GUI Search dialog; Search API is also available for implementing your own search user interfaces.

If you want to give a try to this amazing editor control now you have the opportunity to download it from our website at http://www.SpiceLogic.com. The downloaded version contains core DLL files and sample projects in C#.NET and VB.NET. The trial version contains everything in the full version with the limitation that a link of purchase will appear and the trial version never expires.

About the Author: An Electrical Engineer (Mechatronics) working in General Motors of Canada – Automotive Research & Development Center, Oshawa, Ontario, Canada.

What really grasped my attention was the Online Certification Program that this web site offers. It says “The perfect solution for professionals who need to balance work, family, and career building”, which I think properly describes its function.

The web site itself is easy to navigate, pleasing to the eye and makes the most relevant information available with single clicks.

Okay, the website is http://www.w3schools.com/ for those of you too impatient to continue reading… go check out their amazing resources.

I have found everything on this site from simple HTML to advanced SQL and Database development information. There are step by step tutorials, references, examples and of course the certification program in the following: HTML and XHTML, Styling with CSS, All XML Languages, Browser Scripting, Server Scripting, SQL and Database and it all remains free!

You can learn browser scripting, server scripting, multimedia and web building.

Overall, I think that this is an exciting web site that allows all new and advanced web designers and web-scripting developers should use either to learn new skills or to further your skills.

The web site aims to make the learning process efficient thereby saving you time on the entire process.

I know that I am definitely going to try my hand at some of their certification programs.

Just a quick shout out to the people that developed and sustain that web site – thank you very much for the great information! Two thumbs up!

HTML (Hyper-text Markup Language) is the code used for web pages anywhere on the internet. Most blogs that allow comments on them as well as social sites such as facebook often allow users to make comments using HTML so it’s a good idea to know the basic HTML commands. Here are a few examples:

<HTML> – Begins your HTML document.

<HEAD> – Contains information about the page such as the TITLE, META tags for proper Search Engine indexing, STYLE tags, which determine the page layout, and JavaScript coding for special effects.

<TITLE> - The TITLE of your page. This will be visible in the title bar of the viewers’ browser.

</TITLE> - Closes the HTML <TITLE> tag.

</HEAD> - Closes the HTML <HEAD> tag.

<BODY> – This is where you will begin writing your document and placing your HTML codes.

</BODY> – Closes the HTML <BODY> tag.

</HTML> – Closes the <HTML> tag.

<H1>Heading 1 Example</H1>
<H2>Heading 2 Example</H2>
<H3>Heading 3 Example</H3>
<H4>Heading 4 Example</H4>
<H5>Heading 5 Example</H5>
<H6>Heading 6 Example</H6>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML Tutorial Example</title>
</head>
<body>
<p>Less than 5 minutes into this HTML tutorial and
I've already created my first homepage!</p>
</body>
</html>

Explanation of the above code:

• The <!DOCTYPE… > element tells the browser which version of HTML the document is using.
• The <html> element can be thought of as a container that all other tags sit inside (except for the !DOCTYPE tag).
• The <head> tag contains information that is not normally viewable within your browser (such as meta tags, JavaScript and CSS), although the <title> tag is an exception to this. The content of the <title> tag is displayed in the browser’s title bar (right at the very top of the browser).
• The <body> tag is the main area for your content. This is where most of your code (and viewable elements) will go.
• The <p> tag declares a paragraph. This contains the body text.

Closing your tags

As mentioned in a previous lesson, you’ll notice that all of these tags have opening and closing tags, and that the content of the tag is placed in between them. There are a few exceptions to this rule.

You’ll also notice that the closing tag is slightly different to the opening tag – the closing tag contains a forward slash (/) after the <. This tells the browser that this tag closes the previous one.

UPPERCASE or lowercase?

Although most browsers will display your page regardless of the case you use, you should always code in lowercase. This helps keep your code XML compliant (but that’s another topic).

<IMG SRC=”Earth.gif” WIDTH=”41″ HEIGHT=”41″ BORDER=”0″ ALT=”text describing the image”>

Two Examples on creating lists:

Example 1:

<MENU>
<LI type=”disc”>List item 1
<LI type=”circle”>List item 2
<LI type=”square”>List item 3
</MENU>

Example 2:

<OL type=”i”>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

<marquee behavior=”alternate”>Your bouncing text goes here</marquee>

<marquee behavior=”scroll” direction=”left”>Your scrolling text goes here</marquee>

Here are more tricks you can use with your marquees:

• The Falling Text Generator
• The Falling Object Generator
• Start/stop your HTML Marquees