Editing Superglue pages in your browser
Back to Getting started with your Superglue personal server
Previous step: Configure your Superglue personal server
After you have configured your Superglue mini-server and changed your password it is time to make and publish your first Superglue webpage!
The in-browser editor tool
To edit your web pages you need a little browser add-on.
Background: This add-on is only needed when you want to edit Superglue pages. The pages themselves are regular HTML5 web pages (with some additional meta information stored inside them) which can be viewed in any web browser.
The add-on is available for Firefox browser (Mozilla Firefox) and Chromium browser (e.g. Google Chrome).
How to get the editor tool
There are several ways to obtain the add-on:
- Download it from http://dev.superglue.it/extensions.
- The Firefox version (.xpi file) can be installed by just dragging the file into a new browser tab.
- The Chromium version (.crx file) however, due to security restrictions, must be dragged onto a special tab pointing to the address chrome://extensions.
- In both cases, you have to confirm that you want to install the add-on.
Alternatively, the developers publish the add-on in the central stores of two well-known browser vendors:
Build it yourself from source. The code with build instructions can be found in our git.
How to start the editor
Once you installed the editor, you see in your toolbar a red diamond-shaped icon:
When you click the red toolbar icon, all the content of the page becomes editable.
The WYSIWYG editor is simple to handle:
- To create new elements, click an drag in an empty space.
- To modify an existing element, just click on it and see its menu.
To get help, press [h] to see a list of shortcuts, or point the mouse cursor to a menu item to see its tooltip.
When you click on the page background, the document menu appears.
There you find also important functions like [save] and [save as].
To quit the editor, just reload the page (but remember to save the page first!).
More detailed tutorials will follow.