icon: LiMousePointerSquareDashed
tags:
- TutorialThe export modal is the main place where you can select which files to include in your export, and select the location to export to. It can be opened using the ribbon icon, the export settings command, or the context menu of a file or folder.
On the left is the file picker, on the right you can select an export mode and an export location. At the bottom right you can open the plugin's main settings.
icon: LiFolderTree
tags:
- TutorialThe file picker is part of the export modal and allows you to select which files to include in the export. You can select a whole folder (in which case that folder's children will always be exported), or individual files.
Folders with all files selected are shown in blue, folders with only some files selected are shown in red.
Once you have selected the files you want, make sure to press the Save button!
icon: TiLayoutList
tags:
- TutorialExport modes (which can be set using the export modal) are sort of like presets, in that each one has certain default settings. However, some options are only available in a certain export mode. In the end you should read through the purpose of each mode and select the one that works for your use case.
Online Web Server Mode
This mode is meant for people creating a digital garden who plan to upload their HTML files onto a web server. This mode enables a bunch of optimizations that make Incremental Export possible, and enable your page to load fast over the internet. This is the preferred mode of export if at all possible.
The downside is that your files get broken up into lots of different files. All the scripts, styles, fonts, etc., are stored separately. This means that these files cannot be opened locally, they must be hosted on a web server.
HTML Documents
This mode is meant for people wanting to open or share their documents locally. They don't intend to host them on a web server or create a website. Rather they want a way to share their documents in a way that maintains their interactivity and rich content.
The downside is that the produced HTML files are much larger, and some aspects of the navigation between files is compromised. Additionally, the Graph View and Search Bar are not supported in this mode.
Raw HTML Documents
This mode is identical to the HTML Documents mode, except that the sidebars are excluded from the export.
icon: LiFolderUp
description: Learn how to use the ribbon icon to initiate an export.
tags:
- TutorialFind the ribbon icon on the left sidebar. Clicking it will open the export modal. Go ahead and give it a shot. (No really, you can click on it!)
icon: LiMenu
description: Learn how to use file and folder context menus to initiate an export.
tags:
- TutorialYou can use the context menu of a file or folder to export that file or folder specifically without modifying other settings. Go ahead and click on it to go to the next step!
icon: LiTerminal
description: Learn about the 3 commands included with the plugin.
tags:
- TutorialThere are 3 commands included with the plugin.
Command: Set html export settings
This command simply opens the export modal so you can adjust settings.
Command: Export using previous settings
This command will run an export without opening the export modal. All the files that were selected in the file picker
Command: Export only current file using previous settings
This command is identical to the last, except that it will only export whichever file is currently open. All other settings will be the same.
You can export fully interactive canvas pages!
Focus this card by double clicking it's title, click on the game, and then press space to start playing the chrome dino game!