Editing Area"

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(WYSIWYG editing section added)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
The '''Editing Area''' is the space where user types the text in and formats the whole document.
+
__TOC__
 +
== Editing Area Characteristics ==
 +
The '''Editing Area''' is the empty space below the editor toolbar where you type your text. All formatting applied using the toolbar buttons as well as all inserted media appear immediately in this area.
  
[[Image:CKEditor_editing_area.png|frame|center|The CKEditor Editing Area]]
+
This is what the editing area looks like after you type some text:
  
 +
[[Image:CKEditor_editing_area.png|frame|center|The CKEditor editing area]]
  
If user’s document is longer than the available space in the Editing Area, a '''scrollbar''' will appear. The scrollbar allows going up and down through entire text. User may also move inside the text by using keyboard keys, for example PAGE UP, PAGE DOWN, HOME, END and ARROW KEYS.<br>
 
  
Another important function while editing is the '''text selection''' (text highlight). To select the text, press mouse’s left button, hold it and move to the direction you want the text to be highlighted. Button may be released and the text will remain selected.<br>
+
If the document contents span beyond the limits of the editing area, a standard scrollbar will appear. To view the text that exceeds the size of the editing area you can either scroll it using the scrollbar or maximize the editor in the browser window using the [[Image:CKEditor_maximize.png|Maximize]] button.
 +
 
 +
== WYSIWYG Editing ==
 +
CKEditor is a WYSIWYG editor, which means that the text edited in it looks as similar as possible to the results end users will see after the document gets published. When you format your text using the editor features, the formatting can be immediately seen in the editing area.
 +
 
 +
[[Image:CKEditor_WYSIWYG.png|frame|center|Formatting seen immediately in the editing area]]
 +
 
 +
 
 +
== Navigating the Editing Area ==
 +
To easily move around the text you can use the keyboard.
 +
 
 +
''Page Up'' and ''Page Down'' let you jump up and down the text. The ''Home'' and ''End'' keys can be used to go to the beginning and end of line, respectively, or combined with the ''Ctrl'' key &mdash; to the beginning and end of the document. You can also move inside the text using the ''Arrow'' keys.

Latest revision as of 10:13, 13 December 2010

Editing Area Characteristics

The Editing Area is the empty space below the editor toolbar where you type your text. All formatting applied using the toolbar buttons as well as all inserted media appear immediately in this area.

This is what the editing area looks like after you type some text:

The CKEditor editing area


If the document contents span beyond the limits of the editing area, a standard scrollbar will appear. To view the text that exceeds the size of the editing area you can either scroll it using the scrollbar or maximize the editor in the browser window using the Maximize button.

WYSIWYG Editing

CKEditor is a WYSIWYG editor, which means that the text edited in it looks as similar as possible to the results end users will see after the document gets published. When you format your text using the editor features, the formatting can be immediately seen in the editing area.

Formatting seen immediately in the editing area


Navigating the Editing Area

To easily move around the text you can use the keyboard.

Page Up and Page Down let you jump up and down the text. The Home and End keys can be used to go to the beginning and end of line, respectively, or combined with the Ctrl key — to the beginning and end of the document. You can also move inside the text using the Arrow keys.

This page was last edited on 13 December 2010, at 10:13.