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.

(Article rewrite, alt attributes added. Maximize option described.)
(WYSIWYG editing section added)
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
== What is it? ==
+
__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.
 
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 basic 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|alt=Maximize]] button.
 
  
== Navigating the 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.
To make moving around the text easier CKEditor allows you to 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.
+
== 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.
  
== Text selection ==
+
[[Image:CKEditor_WYSIWYG.png|frame|center|Formatting seen immediately in the editing area]]
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.
 
  
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.
+
== Navigating the Editing Area ==
 +
To easily move around the text you can use the keyboard.
  
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.
+
''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.
 
 
To quickly select the whole content of the editing area, use the ''Ctrl+A'' keyboard shortcut.
 

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.