CKEditor 3.x/Users Guide/Document/Blocks - Revision history

Anna: Minor rewording

2010-12-10T10:40:31Z

Minor rewording

Anna: moved CKEditor 3.x/Users Guide/Document/Show Blocks to CKEditor 3.x/Users Guide/Document/Blocks: Link shortening

2010-12-03T08:02:28Z

moved CKEditor 3.x/Users Guide/Document/Show Blocks to CKEditor 3.x/Users Guide/Document/Blocks: Link shortening

Anna: Article contents added

2010-12-02T17:26:46Z

Article contents added

New page

{{#CUSTOMTITLE:Showing Document Blocks}}
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 on just 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 on the figure below.

[[Image: CKEditor_blocks_example.png|frame|center|A sample document with block-level elements shown in CKEditor]]

@@ 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.
-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 just a selected fragment, CKEditor includes a '''Show Blocks''' feature.
+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 on the figure below.
+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]]

← Older revision	Revision as of 08:02, 3 December 2010
(No difference)