User Guide
Exporting HTML
ExportHtml comes with a number of default commands available, but these can be overridden in the settings file. You can also create commands directly outside of the settings file bound to the command palette, key bindings, or even the menu.
If adding a command to the settings file, it goes under the html_panel
setting. These configurations will appear under the Export to HTML: Show Export Menu
command palette command.
// Define configurations for the drop down export menu
"html_panel": [
// Browser print color (selections and multi-selections allowed)
{
"Browser Print - Color": {
"numbers": true,
"wrap": 900,
"browser_print": true,
"multi_select": true,
"color_scheme": "Packages/ExportHtml/ColorSchemes/Print Color.sublime-color-scheme",
"style_gutter": false
}
}
]
The name of the command is the key value, and then you add the parameters you wish to specify. You can use any combination of settings below.
Parameter | Type | Description |
---|---|---|
numbers | boolean | Display line numbers in the gutter. |
style_gutter | boolean | Style gutter with theme backgrounds and foregrounds, or just use the default background/foreground. Default is true . |
multi_select | boolean | If multiple regions are selected in a document, only export what is under those selections. By default only the first selection is recognized. Default is false . |
highlight_selections | boolean | Highlights all selections in HTML output using the themes selection colors. Multi-select option will be ignored if this is set true . Default is false . |
ignore_selections | boolean | Ignores selections in the view. If this is set, multi_select and highlight_selections will be treated as false regardless of their actual value. |
wrap | integer | Define the allowable size in px to wrap lines at. By default wrapping is not used. |
color_scheme | string | The color scheme (tmTheme or sublime-color-scheme) file you would like to use. By default the current color scheme file is used, or the alternate default color scheme if defined in the setting alternate_scheme . |
clipboard_copy | boolean | Copy HTML to the clipboard after generation. Default is false . |
browser_print | boolean | When opening in the web browser, also open the browser's print dialog. This will be ignored if view_open is true . Default is false . |
view_open | boolean | Open HTML in a Sublime Text tab instead of the web browser. Default is false . |
no_header | boolean | Do not display file name, date, and time at the top of the HTML document. Default is false . |
date_time_format | string | String denoting the format for date and time when displaying header. Please see Python's documentation on time.strftime for detailed info on formatting syntax. Default is "%m/%d/%y %I:%M:%S" . |
show_full_path | boolean | Show full path for file name when displaying header. Default is true . |
save_location | string | Path to save HTML file. If the file is wanted in the same file as the original, use ".". Otherwise, use the absolute path to where the file is desired. If there is an issue determining where to save the file, or the path does not exist, the OS temp folder will be used. Default is None (use temp folder). |
time_stamp | string | Configure the time stamp of saved HTML when using save_location . To remove time stamps, just set to an empty string "" . Please see Python's documentation on time.strftime for detailed info on formatting syntax. Default is "_%m%d%y%H%M%S" . |
toolbar | array of strings | Option to display a toolbar with to access features in a generated HTML. This setting is an array of keywords that represent the icons in the toolbar to show. Valid keywords include gutter , print , plain_text , annotation , and wrapping . Toolbar will appear when you mouse over the upper right corner of the window of the generated HTML. Default enables all. |
filter | string | Filters to use on the theme's colors. The string is a sequence of filters separated by ; . The accepted filters are grayscale , invert , sepia , brightness , contrast , glow , saturation , hue , and colorize . brightness , saturation , and contrast require a float parameter to specify to what magnitude the filter should be applied at. glow requires a float for intensity (usually something like .1 or .2 is sufficient). hue and colorize take a float that represents a degree. hue shifts the hue via the degree given (can accept negative degrees); hues will wrap if they extend past 0 degrees or 360 degrees. Example: "filter": "sepia;invert;brightness(1.1);saturation(1.3);" . Default is "" . |
disable_nbsp | boolean | Disable the translation of spaces into . This was originally introduced so I could copy and paste content into Microsoft Outlook. If this is not desired, you can disable it here. |
table_mode | boolean | Render export of code in tables which makes copy and paste in things like Outlook or Gmail possible. Default is true . |
If you wish to bind a command to a key combination etc., the same settings as above can be used.
Example:
{
"keys": ["ctrl+alt+n"],
"command": "export_html",
"args": {
"numbers": true,
"wrap": 900,
"browser_print": true,
"multi_select": true,
"color_scheme": "Packages/ExportHtml/ColorSchemes/Print Color.sublime-color-scheme",
"style_gutter": false
}
}
When viewing the HTML in your web browser, regardless of the gutter settings, the gutter can be toggled to show or be hidden using the toolbar in the upper right corner of the page.
Annotations (HTML only)
Annotations are comments you can make on selected text. When the HTML is generated, the selected text will be underlined, and when the mouse hovers over them, a tooltip will appear with your comment.
In order to use annotations, you must enter into an "Annotation Mode". This puts your file in a read only state. At this point, you can select text and create annotations using the annotation commands provided. When you leave the "Annotation Mode", all annotations will be lost. So you must export before leaving annotation mode.
You can access the annotation commands from the command palette or from the context menu.
The commands are as follows:
Command | Description |
---|---|
Enable Annotation Mode | Turn annotation mode on. |
Disable Annotation Mode | Turn annotation mode off. |
Annotate Selection | Annotate the given selection (no multi-select support currently). |
Delete Annotation(s) | Delete the annotation region the the cursor resides in (multi-select support). |
Delete All Annotations | Delete all annotation regions. |
Show Annotation Comment | Show the annotation comment of the region under the cursor. |
You can navigate the annotations in the generated HTML by using a jump table. You can show the jump table at any time by selecting the annotation button in the toolbar. You can also click any annotation to show the jump table as well. If it gets in the way, you can dock it in a different location.
Settings File options
Parameter | Type | Description |
---|---|---|
alternate_scheme | string or false | Defines a default theme to be used if a theme is not specified in a command. When this is false, the current Sublime Text theme in use is used. |
alternate_font_size | integer or false | Define an alternate font_size to use by default instead of the current one in use. Use the current one in use if set to a literal false . Default is false . |
alternate_font_face | string or false | Define an alternate font_face to use by default instead of the current one in use. Use the current one in use if set to a literal false . Default is false . |
valid_selection_size | integer | Minimum allowable size for a selection to be accepted for only the selection to be printed. |
html_panel | array of commands | Define export configurations to appear under the Export to HTML: Show Export Menu command palette command. |