CKEditor provides a clean and simple user interface which should be familiar to users who have worked on common desktop text editors like MS Word or Open Office. It includes four distinct elements:
1. Toolbar - the area at the top of the editor, which contains many different buttons. User utilizes these buttons to activate the program's functions.
- Editing Area - the area below the toolbar where user types the text in.
- Context Menu - a menu with functions which appears after clicking the right button of the mouse inside the editing area.
- Dialogs - small windows that appear when some of the functions are activated, used to provide the necessary information to accomplish that function.