menu bar

HTML Extra's

Since one of the main targets of Pe is the editing of HTML files there are several features build in that are specific to HTML. First of all there is a so-called HTML Palette. This is a floating window that contains several buttons

There are three kinds of buttons on this palette. There are ordinary buttons that when pressed insert a tag or execute a single command like opening the current document in a browser (Preview).

The second class of buttons has a small triangle on the right side, these buttons are in fact popup menu's and can contain tags and commands.

Then there are buttons with three dots appended to their names. These buttons bring up a dialog where you can supply additional arguments for a command.

screen49

The Image button brings up a dialog where you can specify several parameters for inserting an image link. You can also drag and drop a GIF image file on this dialog to fill in these values. (I know, I should have added other graphic formats as well).

The Anchor button is in fact a stripped down Image button, use it to quickly paste in a <A HREF> tag with a relative path to another document.

The Update button calls the HTMLUpdate addon. This addon scans the file for occurences of:

<!-- #include "./anotherfilename.html" -->
	bla bla
<!-- end include-->

When it finds such an occurence it will replace the text between the two comments with the content of the file whose name is in the first comment. You can have variables in this include file and these will be replaced with their current value. Possible variables are: $date$, $time$, $name$ and $file$. See the Glossary for an explanation of these variables.

To see an example of the usage of these include files, have a look at these HTML pages themselves in Pe. You can see that every page includes two parts, the menubar on the lefthand side and the signature on the bottom of each page.


Last updated: 05/17/98
Copyright 1997,1998, © Hekkelman Programmatuur,
info@hekkelman.com