Elements Path"

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.

(Replaced "status bar" -> "elements path")
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.
 
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.

Revision as of 12:33, 25 October 2010

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.

This is what the elements path looks like:

File:CKEditor status bar.png
The elements path of CKEditor


The mouse cursor is now located inside the word "Second", so the elements path shows the following hierarchy of HTML elements: body (main document element), ol (ordered list), li (list item) and strong (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.