The WYSIWYG editor allows you to edit/update your webpages just like other office applications. It is the most important component of this content system. In fact, the whole system is built around this editor. The editor is almost truely WYSIWYG, and generates standard compliant code, a feature that is not commonly seen in HTML editors.

There are a few subtle differences between this editor and a common word processor.

• The page title is separate from the body. For web pages, page title serves a distinguished purpose as the content of the title tag. It is much more easier and accurate to have it entered separately than extract it from the body text.
• Apart from the title, each page has an auxiliary label. The lable is used to link the page on the sidebar. For most pages, the page title is too long to fit in the sidebar.
• There is no font selection on the toolbar, nor can you change font size or color the way we normally do on a word processor. Instead, we change font face, text size and color through style classes. This is because hard code font face/size in HTML is not a good practice, and we don't want to promote it.

For experts, you will also notice the following shortcomings

• There is no way to nest style classes (no overlaping span tags). This is a defect of this editor. Fortunately, this flaw can be overcome by carefully design your CSS classes.
• There is no way to insert HTML comments. In fact, insert HTML comments inside the editor will produce unpredicted results the next time you edit your page.
• You cannot assign multiple classes to an HTML element.

Please note: this editor only works on mozilla based browsers!!!

To use the editor, click on the "last updated" link at the bottom of your page. It will bring you to a confirmation screen that let you to either go to the administration screen or open the editor.