-
-
Notifications
You must be signed in to change notification settings - Fork 4
External Editors
In most cases and specially for beginners the built-in text editor (based on another Tumult product called Whisk) is sufficient. It offers code highlighting and displays the possible API calls below the editor.
But Hype introduced external code editing in version 4.x and allows you to use your favorite text editor. In the resource panel you're able to choose any text editor installed on your system that registered itself for text editing. In my case, I really like the commercial Sublime 3 and the open source VS Code.
Using external editors is also possible for Head HTML in Hype. This feature isn't much advertised and a little hidden. The button to edit Head HTML can be option clicked (right clicked) and then shows the same dropdown to choose your text editor of choice. If you use an external editor on head HTML you can profit of many plugins and code completion for HTML, JavaScript and CSS.
For the later Tumult even offers a code completion bundle for API calls. The bundle can be found on Visual Studio Marketplace and is called Tumult Hype Snippets:
https://marketplace.visualstudio.com/items?itemName=tumult.tumult-hype-snippets
There is also a community post about this helper at: https://forums.tumult.com/t/visual-studio-code-snippets-for-rapid-hype-api-function-lookups/17380
- Choose another topic from the sidebar
- Visit the topic index
- Return to the welcome page
- Learn about contributing
- Consider making an one-time donation
- Visit the landing page for this project
- Accessibility in Hype
- Quick iterations as the secret to progress
- Using querySelector
- Test an elements class name using classList and contains
- Including external files and Hype Extensions
- Fetching hypeDocument from within a rectangle
- Extend the functionality of Hype using Export Scripts
- Using external editors
- Embedding Hype documents into third-party services
- Accessing external APIs from Hype Previews
- Manually include resources in document head
- Manipulating scene height
- Extension template