29c1086050
This link works on the slint web site, but not when run locally. We do not expect this to have users outside of the Slint site, so we are willing to accept this limitation. Please open a bug report if you indeed use the online editor elsewhere and are bothered by the link. |
||
|---|---|---|
| .. | ||
| .gitignore | ||
| highlighting.ts | ||
| index.html | ||
| index.ts | ||
| package.json | ||
| preview.html | ||
| preview.ts | ||
| README.md | ||
| tsconfig.json | ||
| vite.config.js | ||
Slint Online Editor
This directory contains the frontend code for the online code editor which is hosted in https://slint-ui.com/editor (last stable) and https://slint-ui.com/snapshots/master/editor (nightly)
To try it out locally type this in this directory:
npm install
npm start
Documentation
The index.html page contains a code editor and every key press reload the preview.
The preview.html page contains only the preview and the code must be given via query parameter.
-
?load_url=query argument make it possible to load the .slint code directly from an URL. If the slint code contains relative path for imports or images, they are loaded relative to that slint file. That way it is possible to load code from github (via raw.githubusercontent) or gists.Example: this loads the printerdemo.slint file from the github URL
-
?snippet=query argument, followed by the URL-encoded slint code, will simply load this code this is what is used tor the premalink featureExample: a simple code with "Hello Slint"