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.
CKEditor's interface is shown below:
It includes four distinct elements:
- Toolbar (1) - 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 (2) - the area below the toolbar where user types the text in.
- Context Menu(3) - 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.