Document Path
The document path is located at the bottom of the editor window. It displays all nested elements from document root to the currently selected element.
The document path lets you select any element on the path to root and open a context menu with commands for that particular element.
Understanding how the document path works is of absolute importance when working in WYSIWYG mode: the edit view only lets you select the innermost element of a group of nested elements (the last element in the path). However in many cases you need to be able to select an ancestor element. Here are some examples:
- Select a table or row for copy/paste. The edit view will only let you select table cells. The document path lets you select the parent row or table
- Edit attributes of ancestor blocks (e.g. body)
- Replace a block by some other block. The edit view will paste the replacement at cursor position. The document path lets you select the whole block for replacement
How to work with the document path:
- Click on a element name to select that element. A selected element is displayed in blue
- Click on the little arrow next to the element name to open a context menu for that element
Document path menu overview:
- «Cut»: Cut current element (and copy to clipboard)
- «Copy»: Copy current element to clipboard
- «Paste»: Replace current element by clipboard
- «Insert Before», «Insert Inside» or «Insert After»: Insert content before, inside or after current element
- «Convert to»: Convert current element to some other element
- «Scrub»: Strip current element but preserve its content
- «Delete»: Delete current element
- «Edit Attributes»: Edit element attributes
«Mouse Over Effects»
When hovering over elements in the document path the corresponding document section gets highlighted. This can be useful as a landmark but can get in the way of power users. You can disable Mouse Over Effects in the Settings:
- (Firefox) > Settings > Editor > Document Toolbar > Mouse Over Effects