Component Source Editing

Sometimes it is very convenient to edit the source code of heitml pages as a text rather than using RADpage functions. If you want to "program" components it is in fact necessary to edit the source code.

The source code of a component is very similar to an HTML or XML tag. For example the source code of a component named "mycomponent" with a property "name" with value "5" is

< mycomponent name="5" >

To edit the source code of a component there are various alternatives. You can press the Source button in the RADpage window. Then a text window is displayed containing the source code of the selected component. Alternatively you can switch the page mode selector to Source. Then the source code of the complete page is displayed in colored mode. Clicking on a line number gets part of the source code in the editor window for modification. Finally you can take an ordinary text or HTML editor and edit the .hei file directly.

Using source editing you can mix components with the various programming features of heitml. See the Language Guide for an introduction. You can also use heitml variables to set the properties of a component. For example

   <let i=0>
   <while i<10>
        <mycomponent name=i>
        <let i=i=+1>
   </while