m (moved CKEditor 3.x/Users Guide/Common Tasks/Text Layout to CKEditor 3.x/Users Guide/Layout: New User's Guide structure implemented) |
(Custom title, link added, link corrected, minor rewording) |
||
| Line 1: | Line 1: | ||
| + | {{#CUSTOMTITLE:Text Layout}} | ||
Text layout determines the way your text will be organized in the document. Advanced capabilities in setting text layout is what distinguishes CKEditor from a standard website form text area or a basic editor. Text alignment and indentation, adding horizontal lines and block-level elements all take seconds and one mouse click. | Text layout determines the way your text will be organized in the document. Advanced capabilities in setting text layout is what distinguishes CKEditor from a standard website form text area or a basic editor. Text alignment and indentation, adding horizontal lines and block-level elements all take seconds and one mouse click. | ||
| − | In CKEditor the text layout features are grouped together on the toolbar. Most are simple buttons that turn the layout option on and off when you click them. | + | In CKEditor the text layout features are grouped together on the [[CKEditor_3.x/Users Guide/Interface/Toolbar|toolbar]]. Most are simple buttons that turn the layout option on and off when you click them. |
[[Image:CKEditor_textlayout_toolbar.png|frame|center|Text layout buttons grouped on CKEditor toolbar.]] | [[Image:CKEditor_textlayout_toolbar.png|frame|center|Text layout buttons grouped on CKEditor toolbar.]] | ||
| Line 7: | Line 8: | ||
Try experimenting with various text layout options available in CKEditor to achieve a unique presentation of your documents. Among the layout features you will find: | Try experimenting with various text layout options available in CKEditor to achieve a unique presentation of your documents. Among the layout features you will find: | ||
| − | * [[CKEditor_3.x/Users Guide/ | + | * [[CKEditor_3.x/Users Guide/Layout/Alignment|Text Alignment]] – lets you select the alignment of the text from Left, Center, Right, and Justify options. |
| − | * [[CKEditor_3.x/Users Guide/ | + | * [[CKEditor_3.x/Users Guide/Layout/Indentation|Increase and Decrease Indent]] – lets you control the indentation of the text. |
| − | * [[CKEditor_3.x/Users Guide/ | + | * [[CKEditor_3.x/Users Guide/Layout/Block Quote|Block Quote]] – formats the text as a block quote. |
| − | * [[CKEditor_3.x/Users Guide/ | + | * [[CKEditor_3.x/Users Guide/Layout/Div|Div Container]] – sets the block of text as a <code>div</code> container that can be formatted with CSS style properties. |
| − | * [[CKEditor_3.x/Users Guide/ | + | * [[CKEditor_3.x/Users Guide/Layout/Horizontal Line|Horizontal Line]] – inserts a horizontal rule into the text which lets you divide the text into well-defined sections. |
To read more about a particular CKEditor text layout option and see some usage examples, click the name of the feature in the list above. | To read more about a particular CKEditor text layout option and see some usage examples, click the name of the feature in the list above. | ||
Revision as of 20:34, 2 December 2010
Text layout determines the way your text will be organized in the document. Advanced capabilities in setting text layout is what distinguishes CKEditor from a standard website form text area or a basic editor. Text alignment and indentation, adding horizontal lines and block-level elements all take seconds and one mouse click.
In CKEditor the text layout features are grouped together on the toolbar. Most are simple buttons that turn the layout option on and off when you click them.
Text layout buttons grouped on CKEditor toolbar.
Try experimenting with various text layout options available in CKEditor to achieve a unique presentation of your documents. Among the layout features you will find:
- Text Alignment – lets you select the alignment of the text from Left, Center, Right, and Justify options.
- Increase and Decrease Indent – lets you control the indentation of the text.
- Block Quote – formats the text as a block quote.
- Div Container – sets the block of text as a
divcontainer that can be formatted with CSS style properties. - Horizontal Line – inserts a horizontal rule into the text which lets you divide the text into well-defined sections.
To read more about a particular CKEditor text layout option and see some usage examples, click the name of the feature in the list above.