m (moved CKEditor 3.x/Users Guide/Document/Show Blocks to CKEditor 3.x/Users Guide/Document/Blocks: Link shortening) |
(Minor rewording) |
||
| Line 4: | Line 4: | ||
'''Inline elements''', on the other hand, are minor building blocks that are contained within block-level elements and are distinguished from the text that they are embedded in mainly due to stylistic distinctiveness, like italics, bold, or fixed-width font. | '''Inline elements''', on the other hand, are minor building blocks that are contained within block-level elements and are distinguished from the text that they are embedded in mainly due to stylistic distinctiveness, like italics, bold, or fixed-width font. | ||
| − | Since these distinctions might be confusing for the user who does not know much about HTML code and its structure, and as a result, some users may not be sure why a given formatting feature works on a whole paragraph and another on | + | Since these distinctions might be confusing for the user who does not know much about HTML code and its structure, and as a result, some users may not be sure why a given formatting feature works on a whole paragraph and another just on a selected fragment, CKEditor includes a '''Show Blocks''' feature. |
| − | When you press the [[Image:CKEditor_blocks.png|Show Blocks]] toolbar button, CKEditor will display a grid of dotted frames around the block-level elements of the document along with their HTML tag, like <code>p</code> for paragraph or <code>h1</code> for level 1 heading, as shown | + | When you press the [[Image:CKEditor_blocks.png|Show Blocks]] toolbar button, CKEditor will display a grid of dotted frames around the block-level elements of the document along with their HTML tag, like <code>p</code> for paragraph or <code>h1</code> for level 1 heading, as shown in the figure below. |
[[Image: CKEditor_blocks_example.png|frame|center|A sample document with block-level elements shown in CKEditor]] | [[Image: CKEditor_blocks_example.png|frame|center|A sample document with block-level elements shown in CKEditor]] | ||
Latest revision as of 11:40, 10 December 2010
In CKEditor some formatting settings can only be applied to block-level elements. From the point of view of document structure, block-level elements are elements that may contain other elements, both block and inline in type. They typically begin a new line and when some types of (block-level) styling are applied to one element within them (one letter, one word), this styling is automatically taken over by the whole block. Some examples of block elements are a paragraph, a heading, a table, a list, or a block quote.
Inline elements, on the other hand, are minor building blocks that are contained within block-level elements and are distinguished from the text that they are embedded in mainly due to stylistic distinctiveness, like italics, bold, or fixed-width font.
Since these distinctions might be confusing for the user who does not know much about HTML code and its structure, and as a result, some users may not be sure why a given formatting feature works on a whole paragraph and another just on a selected fragment, CKEditor includes a Show Blocks feature.
When you press the 
toolbar button, CKEditor will display a grid of dotted frames around the block-level elements of the document along with their HTML tag, like p for paragraph or h1 for level 1 heading, as shown in the figure below.
