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.

(Blank line removed, headings corrected, button tooltip shown)
(WYSIWYG editing section added)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
__TOC__
 
__TOC__
== What is the Editing Area? ==
+
== 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.
 
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:
 
This is what the editing area looks like after you type some text:
  
[[Image:CKEditor_editing_area.png|frame|center|The CKEditor editing area|alt=The editing area]]
+
[[Image:CKEditor_editing_area.png|frame|center|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 [[Image:CKEditor_maximize.png|Maximize]] button.
 
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.
  
== Navigating the Editing Area ==
+
== WYSIWYG Editing ==
To easily move around the text you can use the keyboard.
+
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.
  
''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.
+
[[Image:CKEditor_WYSIWYG.png|frame|center|Formatting seen immediately in the editing area]]
  
== Text Selection ==
 
The text in the editing area can be selected (highlighted) using the mouse or keyboard. In order to select the text click the left mouse button and hold it, dragging it over the desired part of the document. You can also select words by double-clicking them.
 
  
Using ''Shift+Arrow'' lets you select the text by letters and the ''Ctrl+Shift+Arrow'' — by words.
+
== Navigating the Editing Area ==
 
+
To easily move around the text you can use the keyboard.
The ''Shift+Home'' combination selects the text from the cursor to the start of the current line, while the ''Shift+End'' — from the cursor to the end of the current line.
 
 
 
The combination of ''Ctrl+Shift'' and the ''Home'' or ''End'' keys let you select the text from the cursor to the beginning or end of the document, respectively.
 
  
To quickly select the whole content of the editing area, use the ''Ctrl+A'' keyboard shortcut.
+
''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.

Latest revision as of 09: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 09:13.