Heretto PDF Generator Code Editor
The Heretto PDF Generator includes a built-in code editor.
- CSS
- HTML
- XSLT
- Normalized DITA (DITA with all references resolved)
- HTML
- Logs (transformation errors and warnings)
Code Validation
Collapsed and Expanded Code
The code editor enables you to collapse and expand your code.
By default, the code is fully expanded.
Collapsing code makes navigation easier.
Code Editor Context Menu
The code editor provides you with a context menu that you can open by right-clicking the code.
- Go to Definition
- Jumps to the main selector.
If you right-click a nav element in the line 46, 51, 57, 61, or 65 and select Go to Definition, the code editor will jump to the main nav element in the line 42.
- Peek Definition
- Shows a preview of the main CSS selector. You can edit the code directly in
the preview interface.
- Find All References
- Shows a preview of a given CSS selector references. You can edit the code
directly in the preview interface. You can also navigate between the
references by using the list on the right.
- Go to Symbol
- Shows a list of all selectors in the CSS code. You can click a selector in
the list to jump to the selector line.
- Rename Symbol
- Renames every occurrence of a given selector in the document.
In the following example, every nav selector (lines 41, 45, 50, 56, 60, 64) will be replaced with a div selector.
- Change All Occurrences
- Replaces all occurrences of a given word in the code.
For example, by using this option, you can replace multiple elements in the HTML code.
- Format Document
- Pretty-prints the code.
Figure 5. Unformatted Code The Format Document option enables you to automatically format the code to make it more readable.
Figure 6. Formatted Code - Cut
- Cuts selected code.
- Copy
- Copies selected code.
- Command Palette
- Shows a drop-down menu with a number of advanced options and associated
keyboard shortcuts. The list includes options like joining lines, expanding
lines, or toggling a high contrast theme.