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.

(Text Selection contents moved to a separate article)
(WYSIWYG editing section added)
 
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.
 +
 +
== 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 ==
 
== Navigating the Editing Area ==
 
To easily move around the text you can use the keyboard.
 
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.
+
''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.