CKEditor 3.x/Users Guide/Interface/Elements Path - Revision history

Anna: Minor rewording

2011-02-24T14:36:45Z

Minor rewording

Anna: Text Selection link added

2010-12-13T08:55:36Z

Text Selection link added

Anna: Text selection added

2010-12-13T08:51:10Z

Text selection added

Anna: Minor rewording

2010-12-13T08:30:39Z

Minor rewording

Anna: Selection process described

2010-12-10T14:23:34Z

Selection process described

Anna: Link added

2010-12-08T06:40:30Z

Link added

Anna: Image replaced

2010-10-25T10:36:00Z

Image replaced

Anna: Replaced "status bar" -> "elements path"

2010-10-25T10:33:39Z

Replaced "status bar" -> "elements path"

Anna: moved CKEditor 3.x/Users Guide/Interface/Status Bar to CKEditor 3.x/Users Guide/Interface/Elements Path: The "Elements Path" name is more widely used.

2010-10-25T10:32:06Z

moved CKEditor 3.x/Users Guide/Interface/Status Bar to CKEditor 3.x/Users Guide/Interface/Elements Path: The "Elements Path" name is more widely used.

Anna: Minor rewording

2010-10-22T10:33:35Z

Minor rewording

← Older revision		Revision as of 14:36, 24 February 2011
Line 1:		Line 1:
−	The '''Elements Path''' is the section at the bottom of the editor displaying information about the HTML elements of the document. It is an advanced feature aimed at users who want to have more control over the source code of their document.	+	The '''Elements Path''' is the section at the bottom of the editor displaying information about the HTML elements of the document for the position of the cursor. It is an advanced feature aimed at users who want to have more control over the source code of their document.

	The elements path always shows a hierarchy of HTML elements for the currently selected element of the document.		The elements path always shows a hierarchy of HTML elements for the currently selected element of the document.

← Older revision		Revision as of 08:55, 13 December 2010
Line 12:		Line 12:
	Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.		Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.

−	CKEditor elements path can also be used to select elements. To achieve this, click an element's name on the elements path with your mouse. You can also use the ''Alt+F11'' keyboard shortcut to enter the elements path, and then navigate between the elements with the ''Tab'' and ''Shift+Tab'' (or ''Left'' and ''Right Arrow'') keys. To select an element with your keyboard, use the ''Enter'' or ''Space'' keys.	+	CKEditor elements path can also be used to [[CKEditor 3.x/Users Guide/Document/Selecting\|select elements]]. To achieve this, click an element's name on the elements path with your mouse. You can also use the ''Alt+F11'' keyboard shortcut to enter the elements path, and then navigate between the elements with the ''Tab'' and ''Shift+Tab'' (or ''Left'' and ''Right Arrow'') keys. To select an element with your keyboard, use the ''Enter'' or ''Space'' keys.

← Older revision		Revision as of 08:51, 13 December 2010
Line 12:		Line 12:
	Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.		Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.

−	CKEditor elements path can also be used to select elements. To achieve this, click an element's name on the elements path with your mouse. You can also use the ''Alt+F11'' keyboard shortcut to enter the elements path, and then navigate between the elements with the ''Tab'' and ''Shift+Tab'' (or ''Left'' and ''Right Arrow'') keys.	+	CKEditor elements path can also be used to select elements. To achieve this, click an element's name on the elements path with your mouse. You can also use the ''Alt+F11'' keyboard shortcut to enter the elements path, and then navigate between the elements with the ''Tab'' and ''Shift+Tab'' (or ''Left'' and ''Right Arrow'') keys. To select an element with your keyboard, use the ''Enter'' or ''Space'' keys.

@@ Line 1: / Line 1: @@
 The '''Elements Path''' is the section at the bottom of the editor displaying information about the HTML elements of the document. It is an advanced feature aimed at users who want to have more control over the source code of their document.
-The elements path always shows a hierarchy of HTML elements for the currently edited element of the document.
+The elements path always shows a hierarchy of HTML elements for the currently selected element of the document.
 This is what the elements path looks like:
-[[Image: CKEditor_elements_path.png|frame|center|alt=CKEditor's elements path|The elements path of CKEditor]]
+[[Image: CKEditor_elements_path.png|frame|center|The elements path of CKEditor]]

← Older revision		Revision as of 14:23, 10 December 2010
Line 11:		Line 11:

	Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.		Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.
		+
		+	CKEditor elements path can also be used to select elements. To achieve this, click an element's name on the elements path with your mouse. You can also use the ''Alt+F11'' keyboard shortcut to enter the elements path, and then navigate between the elements with the ''Tab'' and ''Shift+Tab'' (or ''Left'' and ''Right Arrow'') keys.

← Older revision		Revision as of 06:40, 8 December 2010
Line 10:		Line 10:
	The mouse cursor is now located inside the word "'''Second'''", so the elements path shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).		The mouse cursor is now located inside the word "'''Second'''", so the elements path shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).

−	~~However,~~ most of the same information can also be deduced from the state of the main CKEditor toolbar since the formatting options that were applied to the active element are highlighted.	+	Note that most of the same information can also be deduced from the state of the main CKEditor [[CKEditor 3.x/Users Guide/Interface/Toolbar\|toolbar]] since the formatting options that were applied to the active element are highlighted.

← Older revision		Revision as of 10:36, 25 October 2010
Line 5:		Line 5:
	This is what the elements path looks like:		This is what the elements path looks like:

−	[[Image: ~~CKEditor_status_bar~~.png\|frame\|center\|alt=CKEditor's elements path\|The elements path of CKEditor]]	+	[[Image: CKEditor_elements_path.png\|frame\|center\|alt=CKEditor's elements path\|The elements path of CKEditor]]

@@ Line 1: / Line 1: @@
-The '''Status Bar''' is the section at the bottom of the editor displaying information about the HTML elements of the document. It is an advanced feature aimed at users who want to have more control over the source code of their document.
+The '''Elements Path''' is the section at the bottom of the editor displaying information about the HTML elements of the document. It is an advanced feature aimed at users who want to have more control over the source code of their document.
-The status bar always shows a hierarchy of HTML elements for the currently edited element of the document.
+The elements path always shows a hierarchy of HTML elements for the currently edited element of the document.
-This is what the status bar looks like:
+This is what the elements path looks like:
-[[Image: CKEditor_status_bar.png|frame|center|alt=CKEditor's status bar|The status bar of CKEditor]]
+[[Image: CKEditor_status_bar.png|frame|center|alt=CKEditor's elements path|The elements path of CKEditor]]
-The mouse cursor is now located inside the word "'''Second'''", so the status bar shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).
+The mouse cursor is now located inside the word "'''Second'''", so the elements path shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).
 However, most of the same information can also be deduced from the state of the main CKEditor toolbar since the formatting options that were applied to the active element are highlighted.

← Older revision	Revision as of 10:32, 25 October 2010
(No difference)

← Older revision		Revision as of 10:33, 22 October 2010
Line 10:		Line 10:
	The mouse cursor is now located inside the word "'''Second'''", so the status bar shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).		The mouse cursor is now located inside the word "'''Second'''", so the status bar shows the following hierarchy of HTML elements: <code>body</code> (main document element), <code>ol</code> (ordered list), <code>li</code> (list item) and <code>strong</code> (bold font).

−	However, most of the same information can also be deduced ~~based on~~ the main CKEditor toolbar since the formatting options that were applied to the active element are highlighted.	+	However, most of the same information can also be deduced from the state of the main CKEditor toolbar since the formatting options that were applied to the active element are highlighted.