Text Layout

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 Layout page contents added)
 
(Final proof-reading)
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
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.
+
{{#CUSTOMTITLE:Text Layout}}
 +
Text layout determines the structure of your document. Advanced capabilities in changing text layout is what distinguishes CKEditor from a standard 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/Common Tasks/Text Layout/Text Alignment|Text Alignment]] – this parameter lets you select the alignment of the text from Left, Center, Right, and Justify options.
+
* [[CKEditor_3.x/Users Guide/Layout/Alignment|Text Alignment]] – sets the alignment of the text. You can choose between '''Left''', '''Center''', '''Right''', and '''Justify''' option.
* [[CKEditor_3.x/Users Guide/Common Tasks/Text Layout/Increase and Decrease Indent|Increase and Decrease Indent]] – this parameter lets you control the indentation of the text.
+
* [[CKEditor_3.x/Users Guide/Layout/Indentation|Text Indentation]] – controls the indentation of the text.
* [[CKEditor_3.x/Users Guide/Common Tasks/Text Layout/Block Quote|Block Quote]] – this option formats the text as a block quote.
+
* [[CKEditor_3.x/Users Guide/Layout/Block Quote|Block Quote]] – formats a text fragment as a block quote to distinguish longer quotations from the main text.
* [[CKEditor_3.x/Users Guide/Common Tasks/Text Layout/Div Container|Div Container]] &ndash; this parameter formats the block of text as a <code>div</code> container that can be further formatted.
+
* [[CKEditor_3.x/Users Guide/Layout/Div|Div Container]] &ndash; sets the block of text as a <code>div</code> container that can be formatted with CSS style properties.
* [[CKEditor_3.x/Users Guide/Common Tasks/Text Layout/Horizontal Line|Horizontal Line]] &ndash; this option inserts a horizontal rule into the text which lets you divide the text into well-defined sections.
+
* [[CKEditor_3.x/Users Guide/Layout/Horizontal Line|Horizontal Line]] &ndash; inserts a horizontal rule into the text to divide it 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.

Latest revision as of 12:09, 13 December 2010

Text layout determines the structure of your document. Advanced capabilities in changing text layout is what distinguishes CKEditor from a standard 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 – sets the alignment of the text. You can choose between Left, Center, Right, and Justify option.
  • Text Indentation – controls the indentation of the text.
  • Block Quote – formats a text fragment as a block quote to distinguish longer quotations from the main text.
  • Div Container – sets the block of text as a div container that can be formatted with CSS style properties.
  • Horizontal Line – inserts a horizontal rule into the text to divide it 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.

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