Difference between revisions of "Lazarus Documentation Editor"

From Free Pascal wiki
m (The Work)
(The Work: fixed </br>)
Line 21: Line 21:
  
 
=== The Work ===
 
=== The Work ===
<div class="floatleft"> http://lazarus-ccr.sourceforge.net/kb/images/9/90/Lazdeelements.png </div>
+
<div class="floatleft"> http://lazarus-ccr.sourceforge.net/kb/images/9/90/Lazdeelements.png </div><div>
 
Opening the node "Packages" will show the "LCL" node which contains a "Dialogs" node. Selecting this last node will fill the lower treeview with elements. These elements depict Constants, Types and Classes defined in the Dialogs.pp unit. Used units are added as well as nodes.  
 
Opening the node "Packages" will show the "LCL" node which contains a "Dialogs" node. Selecting this last node will fill the lower treeview with elements. These elements depict Constants, Types and Classes defined in the Dialogs.pp unit. Used units are added as well as nodes.  
 
Other nodes are added for the properies of a class, the parameters for a function and so on.
 
Other nodes are added for the properies of a class, the parameters for a function and so on.
Line 30: Line 30:
  
 
Below the "short" editbox, there is a memofield where you can enter a more elaborate description of the component or the property.
 
Below the "short" editbox, there is a memofield where you can enter a more elaborate description of the component or the property.
  Note: If you want to insert a line break use '< br />'
+
  Note: If you want to insert a line break use <nowiki><br/></nowiki>
Without the spaces and quotes.
 
  
 
Next are "Errors", "See also" and "Example code File".
 
Next are "Errors", "See also" and "Example code File".
 
  ''Who helps with Errors?''  
 
  ''Who helps with Errors?''  
 
Just above "See also" and "Example code File" you see three buttons. These buttons enable you to add and remove links to other pages or code examples respectively.
 
Just above "See also" and "Example code File" you see three buttons. These buttons enable you to add and remove links to other pages or code examples respectively.
<div></div>
+
</div>
  
 
== The Results ==
 
== The Results ==

Revision as of 19:26, 18 May 2005

Introduction

This is work in progress.

An important part of Lazarus still missing is the documentation. To aid in the making of this documentation a tool has been developed. This page will describe the workings of this tool. To denote the Lazarus base directory in this document I use [$LazDir]. So when you read this replace this with the directory Lazarus is installed in.

The Why

The first goal of this project is to be make a online help-file available. To make the help-file platform independent we start to create XML-files for each unit used in Lazarus. So far only dialogs.pp and buttons.pp have had a start.

These XML-files will then be used to create HTML-pages which can be accessed through the Internet on http://lazarus-ccr.sourceforge.net/docs/lcl/ . Then at a later stage a integrated help will be developed again using these same XML-files.

The Start

As mentioned before, to keep the documentation platform independent XML is used. The current documentation can be found in [$LazDir]/docs/xml/. So far there are mostly skeleton files in the lcl directory. The XML files you find in this directory are auto generated and need to be adapted to be usable. So now we know where to find the files, lets look at the tool to create / adapt them.

The Tool

"lazde" is a tool to edit the xml files, but can also be used to generate the basic files from source files and by means of an external tool to generate a HTML version of the documentation. An example of the results of the last tool can be seen here, a part of the documentation sofar. As there is no compiled version of lazde, you have to make one yourself. The sources for "lazde" can be found in [$LazDir]/doceditor/. When you run this program and you have opened [$LazDir]/docs/xml/lcl/dialogs.xml you will be presented with this screen

Lazdemain.png

The Work

Opening the node "Packages" will show the "LCL" node which contains a "Dialogs" node. Selecting this last node will fill the lower treeview with elements. These elements depict Constants, Types and Classes defined in the Dialogs.pp unit. Used units are added as well as nodes. Other nodes are added for the properies of a class, the parameters for a function and so on.

Selecting a node in the lower left treeview will make the content of that node displayed on the right side of the window.

When you look at this page you will see an overview of classes defined in the "dialogs" unit. After each class you see a line of text. This text comes from the "short" editbox from lazde.

Below the "short" editbox, there is a memofield where you can enter a more elaborate description of the component or the property.

Note: If you want to insert a line break use <br/>

Next are "Errors", "See also" and "Example code File".

Who helps with Errors? 

Just above "See also" and "Example code File" you see three buttons. These buttons enable you to add and remove links to other pages or code examples respectively.

The Results

Have a look at the description of InputQuery. On the top of the page we see what the page is about, in this case the InputQuery function form the dialogs.pp. The first line of text is what is entered in the "Short" editbox in lazde.

Next is the declaration of this function in the sources. The declaration part is created by the html-builder and is taken from the sources. Because there are two versions of this function the source position says 0.

Then the arguments are given. When you open the InputQuery node in lazde you will see all arguments mentioned as child nodes. The text shown after the arguments is what has been entered in the "Short" editbox when the respective child nodes are selected.

As a fourth paragraph the Function result is shown. The text shown here has been entered in the same way as the arguments.