# Extender &quantaplus;

Christopher
Hornbaker

    chrishornbaker@earthlink.net

Juan Manuel
García Molina

    juanma@superiodico.net

Traductor

# Extender &quantaplus;

Este capítulo describe cómo personalizar &quantaplus; para sus necesidades particulares y cómo puede ayudar a que &quantaplus; sea mejor.

## Paquete de edición del tipo del documento (&DTEP;)

Los paquetes de edición del tipo de documento (&DTEP;s) se usan en &quantaplus; para agregar soporte para lenguajes de marcas, de script y &CSS;. Permite que &quantaplus; proporcione características como terminación automática y árboles de nodos. Su simplicidad y flexibilidad convierten a &quantaplus; en un &IDE; rápido y amigable para los desarrolladores web. Son los que hacen de &quantaplus; un entorno productivo y fácil de usar.

&DTEP;s viene en dos sabores. La familia 1, que son los marcadores, y la familia 2, que son los lenguajes de script y &CSS;. Los &DTEP;s se componen de dos partes, la carpeta «Tag» (etiqueta) y «Toolbars» (las barras de herramientas). Las carpetas de etiquetas se componen de dos tipos de archivos, description.rc y TagXML, que llevan la extensión tag. Las barras de herramientas son solapas de botones orientadas a iconos (por encima de la ventana de edición), que ponen texto en un documento a más velocidad de la que un usuario pueda teclearlo.

Este documento describe cómo hacer los archivos TagXML, description.rc y toolbars. En resumen, un &DTEP;.

Los archivos TagXML (.tag) definen tanto los atributos específicos para una etiqueta como la disposición y contenido del cuadro de diálogo de propiedades que muestra &quantaplus; para la etiqueta. El archivo description.rc proporciona reglas e información sobre el propio &DTEP;. Toolbars proporciona una medida rápida para agregar etiquetas a un documento sin preocuparse de errores tipográficos ni similares.

### Empaquetado

Las carpetas son sólo eso, carpetas. Se componen sólo de los archivos description.rc y TagXML. Las carpetas Tag llevan el nombre del lenguaje de marcado y la versión, si es de aplicación. (Por ejemplo, html-4.01-strict)

### TagXML

La tabla de abajo muestra las listas de los elementos definidos en TagXML y declara si son o no necesarios. Aunque no todos sean necesarios, se recomienda que use tantos como pueda para que otros usuarios tengan una mejor experiencia y más información con la que trabajar.

Elemento | Uso predefinido | Caso de uso
--- | --- | ---
TAGS | necesario | siempre
tag | necesario | siempre
label | opcional | necesario para crear un cuadro de diálogo de propiedades
attr | opcional | necesario para definir un atributo
tooltip | opcional | necesario para que un cuadro de diálogo de propiedades muestre un consejo
whatsthis | opcional | necesario para que el cuadro de diálogo de propiedades muestre ¿Qué es esto?
list | opcional | necesario cuando un attr es del tipo list
item | opcional | necesario cuando se usa <list>
textlocation | opcional | siempre
location | opcional | necesario cuando se usa label
text | opcional | necesario cuando se usa label
children | opcional | lista de etiquetas que pueden aparecer en la etiqueta que se está definiendo
child | necesario | una entrada hija
stoppingtags | opcional | lista de etiquetas de le dicen a otra etiqueta que termine
stoppingtag | necesario | una entrada que detiene las etiquetas

#### Descripciones de elementos TagXML

Las secciones siguientes describirán al detalle cada evelento. Todos los que pueden ir se disponen de una forma sencilla.

##### TAGS

Éste es el elemento raíz de un documento TagXML. Puede aparecer en un documento sólo una vez. Puede contener la definición de múltiples etiquetas. Es un elemento de tipo único.

Padre(s) | Hijo
--- | ---
NINGUNO | tag

##### tag

Entorno para la etiqueta que se está definiendo. Este elemento es sólo de tipo.

Padre(s) | Hijo
--- | ---
TAGS | label, attr, stoppingtags

Atributo | Tipo | Valores | Predefinido | Uso | Descripción
--- | --- | --- | --- | --- | ---
name | string |  |  | necesario | Especifica el nombre de la etiqueta que se está definiendo.
single | boolean |  |  | opcional | Especifica si la etiqueta necesita o no una etiqueta de cierre </(nombreetiq)>.
type | string |  | xmltag | opcional | Especifica el tipo de la etiqueta que se está definiendo.
|  | xmltag |  |  | El tipo de la etiqueta está basado en XML (sólo familia 1).
|  | property |  |  | El tipo de etiqueta está relacionado con &CSS; (sólo familia 2).
|  | function |  |  | El tipo de la etiqueta en una función de guión. Al usarse <attr> se convierte en los argumentos de la función (sólo familia 2).
|  | class |  |  | El tipo de la etiqueta es una clase de guión (sólo familia 2).
returnType | string |  | void | opcional | Especifica el tipo devuelto por la etiqueta que se está definiendo (sólo familia 2).
|  | void |  |  | El tipo de etiqueta devuelve void (nulo).
|  | int |  |  | El tipo de la etiqueta devuelve int (entero).
|  | float |  |  | El tipo de la etiqueta devuelve float (decimal).
|  | long |  |  | El tipo de la etiqueta devuelve long (entero largo).
|  | string |  |  | El tipo de la etiqueta devuelve string (cadena de caracteres).

##### label

Pone una etiqueta en el cuadro de diálogo. El texto se indica en la etiqueta <text>. Este es un elemento sólo de tipo.

Padre(s) | Hijo
--- | ---
tag | text, location

##### attr

Define un atributo de la etiqueta. Este elemento debe aparecer una vez para cada atributo. Define el nombre y el tipo del atributo. También tiene etiquetas adicionales que indica cómo se debe mostrar el atributo, etcétera. Este es un elemento sólo de tipo.

Padre(s) | Hijo
--- | ---
tag | location, list, tooltip, whatsthis, textlocation

Atributo | Tipo | Valores | Predefinido | Uso | Descripción
--- | --- | --- | --- | --- | ---
name | string |  |  | necesario | Especifica el nombre del atributo que se está definiendo.
type | string |  | input | necesario | Especifica el tipo del atributo que se está definiendo.
|  | input |  |  | El campo admite entradas de texto libre (campo de texto).
|  | check |  |  | El valor del campo es booleano (casilla de verificación).
|  | color |  |  | El valor del campo es un color.
|  | url |  |  | El valor del campo es una &URL; (archivo local al que hace referencia).
|  | list |  |  | El valor de campo es un elemento de una lista especificada.
status | string |  | opcional | necesario | Especifica si se necesita o no el argumento (sólo familia 2).
|  | opcional |  |  | El argumento es opcional.
|  | necesario |  |  | El argumento es necesario.
|  | implied |  |  | El argumento es implícito.

##### tooltip

Define el consejo del campo en el cuadro de diálogo. Este elemento es sólo de texto.

Actualmente, sólo se admite texto plano (no puede usar marcado).

Padre(s) | Hijo
--- | ---
attr | NINGUNO

##### whatsthis

Define la ayuda de «Qué es esto» para un campo en el cuadro de diálogo. Este elemento es sólo de texto.

Actualmente, sólo se admite texto plano (no puede usar marcado).

Padre(s) | Hijo
--- | ---
attr | NINGUNO

##### list

Una etiqueta contenedora que agrupa los elementos en una lista. Puede aparecer sólo una vez para cada descripción del atributo. Es un elemento sólo de tipo.

Padre(s) | Hijo
--- | ---
attr | item

##### item

Define un elemento de una lista. Este elemento es sólo de texto.

Padre(s) | Hijo
--- | ---
list | NINGUNO

##### textlocation

Indica la posición del atributo de texto de una etiqueta en un cuadro de diálogo. Esta etiqueta sólo puede aparecer una vez para cada atributo del cuadro de diálogo (&ie;, una para cada etiqueta <attr > tag). Este elemento está vacío.

Padre(s) | Hijo
--- | ---
attr | NINGUNO

Atributo | Tipo | Uso | Descripción
--- | --- | --- | ---
row | nonNegativeInteger | necesario | Indica la fila en la disposición del cuadro de diálogo de un campo o etiqueta.
col | nonNegativeInteger | necesario | Indica la columna en la disposición del cuadro de diálogo de un campo o etiqueta.
rowspan | nonNegativeInteger | opcional | Indica el número de filas que debe ocupar un campo.
colspan | nonNegativeInteger | opcional | Indica el número de columnas que debe ocupar un campo.

##### location

Indica la posición y el tamaño de un campo en el cuadro de diálogo. Esta etiqueta sólo debe aparecer una vez en cada campo del cuadro de diálogo (&ie; una por cada etiqueta <attr > y <label > tag). Este elemento está vació.

Padre(s) | Hijo
--- | ---
label, attr | NINGUNO

Atributo | Tipo | Uso | Descripción
--- | --- | --- | ---
row | nonNegativeInteger | necesario | Indica la fila en la disposición del cuadro de diálogo de un campo o etiqueta.
col | nonNegativeInteger | necesario | Indica la columna en la disposición del cuadro de diálogo de un campo o etiqueta.
rowspan | nonNegativeInteger | opcional | Indica el número de filas que debe ocupar un campo.
colspan | nonNegativeInteger | opcional | Indica el número de columnas que debe ocupar un campo.

##### text

Define el texto para una etiqueta o casilla de verificación. Este elemento es sólo de texto.

Padre(s) | Hijo
--- | ---
label, attr | NINGUNO

##### children

Define una lista de elementos que pueden aparecer dentro de la etiqueta que se está especificando. Este elemento es sólo de tipo.

Padre(s) | Hijo
--- | ---
tag | child

##### child

Define una etiqueta de hijo. Este elemento está vacío.

Padre(s) | Hijo
--- | ---
children | NINGUNO

Atributo | Tipo | Uso | Descripción
--- | --- | --- | ---
name | string | necesario | Indica una etiqueta que puede aparecer con otra cierta etiqueta.

##### stoppingtags

Define una lista de elementos que obligan a terminar una etiqueta. Este elemento es sólo de tipo.

Padre(s) | Hijo
--- | ---
tag | stoppingtag

##### stoppingtag

Define una etiqueta de detención. Este elemento está vacío.

Padre(s) | Hijo
--- | ---
stoppingtags | NINGUNO

Atributo | Tipo | Uso | Descripción
--- | --- | --- | ---
name | string | necesario | Indica qué etiquetas obligan a terminar otra etiqueta.

#### Uso de TagXML

Todos los archivos TagXML deben comenzar con la declaración &XML; <?xml version="1.0" encoding="UTF-8"?> y deben estar anidados y cerrados de forma correcta.

Los espacios no afectan a nada, pero tenga cuidado con los caracteres & y <. Los debería reemplazar con &amp; y &lt;, respectivamente, en elementos como <tooltip >, <whatsthis >, y <text >. Si no lo hace, provocará una caída, por eso tendrá que tener cuidado para que no desaparezca su trabajo.

#### Validación TagXML

Para validar sus archivos TagXML, simplemente haga clic en en menú Herramientas de la zona superior de &quantaplus; y elija Validar TagXML. Se le mostrará un cuadro de diálogo y sólo tendrá que seguir unas directrices sencillas.

Esta característica no está presente en la actualidad. La validación sucede actualmente sólo cuando los archivos TagXML están cargados en &quantaplus;.

#### Ejemplos de TagXML

##### Familia 1

A continuación se mostrará un archivo TagXML válido de familia 1. Este archivo describe con éxito el elemento <schema> del esquema &XML; de &W3C;. El nombre del archivo para TagXML debería ser schema.tag. Sencillo, ¿verdad?

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE TAGS>
    <TAGS>
     <tag name="schema">
      <label>
       <text
    >id</text>
       <location col="0" row="0"/>
      </label>
      <attr name="id" type="input">
       <tooltip
    >A unique ID for the element.</tooltip>
       <whatsthis
    >A unique ID for the element.</whatsthis>
       <location col="1" row="0"/>
      </attr>

      <label>
       <text
    >version</text>
       <location col="0" row="1"/>
      </label>
      <attr name="version" type="input">
       <tooltip
    >Version of the schema.</tooltip>
       <whatsthis
    >Version of the schema.</whatsthis>
       <location col="1" row="1"/>
      </attr>

      <label>
       <text
    >targetNamespace</text>
       <location col="0" row="2"/>
      </label>
      <attr name="targetNamespace" type="input">
       <tooltip
    >&URI; reference of the namespace of this schema.</tooltip>
       <whatsthis
    >&URI; reference of the namespace of this schema.</whatsthis>
       <location col="1" row="2"/>
      </attr>

      <label>
       <text
    >xmlns</text>
       <location col="0" row="3"/>
      </label>
      <attr name="xmlns" type="input">
       <tooltip
    >&URI; reference for one or more namespaces for use in this schema.
       If no prefix is used, then components of that namespace may be used unqualified.</tooltip>
       <whatsthis
    >&URI; reference for one or more namespaces for use in this schema.
       If no prefix is used, then components of that namespace may be used unqualified.</whatsthis>
       <location col="1" row="3"/>
      </attr>

      <label>
       <text
    >attributeFormDefault</text>
       <location col="0" row="4"/>
      </label>
      <attr name="attributeFormDefault" type="list">
       <items>
        <item
    >qualified</item>
        <item
    >unqualified</item>
       </items>
       <tooltip
    >Default form for all attributes within this schema.</tooltip>
       <whatsthis
    >Default form for all attributes within this schema.</whatsthis>
       <location col="1" row="4"/>
      </attr>

      <label>
       <text
    >elementFormDefault</text>
       <location col="0" row="5"/>
      </label>
      <attr name="elementFormDefault" type="list">
       <items>
        <item
    >qualified</item>
        <item
    >unqualified</item>
       </items>
       <tooltip
    >Default form for all elements within this schema.</tooltip>
       <whatsthis
    >Default form for all elements within this schema.</whatsthis>
       <location col="1" row="5"/>
      </attr>

      <label>
       <text
    >blockDefault</text>
       <location col="0" row="6"/>
      </label>
      <attr name="blockDefault" type="input">
       <location col="1" row="6"/>
      </attr>

      <label>
       <text
    >finalDefault</text>
       <location col="0" row="7"/>
      </label>
      <attr name="finalDefault" type="input">
       <location col="1" row="7"/>
      </attr>
     </tag>
    </TAGS>

##### Familia 2

A continuación se le mostrará un archivo TagXML válido de familia 2. Este archivo describe con éxito la función overload de &PHP;. El nombre de archivo de este TagXML debería ser overload.tag.

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE tags>
    <tags>
      <tag name="overload" type="function" returnType="void">
    <attr name="class_name" type="string" status="optional"/>
      </tag>
    </tags>

### description.rc

El archivo description.rc es también bastante sencillo. No es necesario que se usen todos. La estructura básica del archivo description.rc es como sigue.

#### Estructura de la familia 1

    [General] - Generic information.
    Version = Use 1 for &quantaplus; version <=3.1.2 and 2 for any version greater.
    Name = DTD definition string. (-//&W3C;//DTD HTML 4.01 Transitional//EN)
    NickName = The beautified name of the DTD. (HTML 4.01 Transitional). If not defined, Name is
    used as NickName.
    &URL; = &URL; pointing to the DTD definition. (http://www.w3.org/TR/html4/loose.dtd)
    DoctypeString = The string that should appear in the !DOCTYPE declaration.
    (HTML PUBLIC "-//&W3C;//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd")
    Inherits = The name of the DTD from where this DTD inherits its tags. (-//&W3C;//DTD HTML 4.01//EN)
    DefaultExtension = New files are created with this extension. (html)
    Groups = The list of common attribute groups, which may be present in more than one tag.
    (Core, I18n, Script) See below. (Group1, Group2...)
    NumOfPages = How many pages does a tag dialog have, aside of the page containing the
    attributes defined in the tag file? See below. (Page1,...)
    CaseSensitive = Case-sensitiveness of the DTD. (true|false)
    Family = 1This type of DTEP is of family 1, since it is a markup.

    [Toolbars] - Information about DTEP toolbars.
    Location = The folder name inside $KDEDIR($KDEHOME)/share/apps/quanta/toolbars
    where the toolbars for this DTEP are.
    Names = The list of toolbar file names, minus the .toolbar.tgz extension, that
    are loaded for this DTEP from the above folder.

    [Group1] - Replace with one of the Groups listed below.
    Attributes = The list of attributes for this group. Currently, all of the listed attributes are
     treated as strings.
    Example:
    [Core]
    Attributes = id, class, style, title

    [Page1] - Description of a tag editor page.
    Title = The title of this page in the tag editing dialog.
    Groups = List of groups appearing on this page. (Core, I18n)

    [Extra rules] - Some rules not fitted in other places.
    BooleanAttributes = (simple|complex)
    Example for simple: <tag booleanAttr
    >.
    Example for complex: <tag booleanAttr="1"
    > or <tag booleanAttr="true">
    Single Tag Style = (html|XML)
    Example for html: <single_tag>
    Example for XML:  <single_tag />
    StructGroupsCount = The number of structure groups. See below.
    MinusAllowedInWords = If true "this-is-a-word" is treated like a word. Otherwise,
    it is treated like 4 words.
    TagAutoCompleteAfter = CHAR. The auto-completion box is brought up automatically
    once this CHAR is entered or SPACE is pressed after this CHAR. For DTEP family 1,
    it is usually "<" The text "none" instead of a CHAR specifies that the tag
    completion box should not be brought up automatically, only if the user requests it.
    AttributeSeparator = CHAR. This CHAR means that the attribute name has ended.
    It is " for XML DTEPs.
    TagSeparator = CHAR. Similar to the above.

    [StructGroup_1] - Definition of structure group 1.
    Name = The text that appears if there are tags matching this group settings.
    No_Name = The text that appears if there are NO tags matching this group settings.
    Icon = The name of the icon appearing before the above texts.
    Tag = tagname(attribute1, attribute2, ...). Tags with name tagname will appear
    under this group. The item text will be "attribute1_value | attribute2_value | ..."
    Currently only one tag may be listed here.
    HasFileName = (true|false) True, if the item text (above attribute values) contains a file name.
    FileNameRx = Regular expression used to remove the unnecessary chars from the item text.

    [Parsing rules] - Rules used when parsing the document.
    SpecialAreas = The beginning and ending string of special areas, separatted by a comma.
    Special areas are not parsed according to this DTEP's rules, but as their own rules.
    A special area can be a DTEP of another family, a comment, or something to that effect.
    Eg. <!-- -->
    SpecialAreaNames = Comma separated list of the above special area names. Eg. comment
    SpecialTags = tagname(attributename) - Specifies a tag which defines the start of a special area.
    MayContain = Comma separated list of family 2 DTEPs that can be present in the document.
    (php, css)

#### Estructura de la familia 2

    [General] - Generic information.
    Version = Use 1 for &quantaplus; version <=3.1.2 and 2 for any version greater.
    Name = Proper name
    NickName = What every calls it. If not defined, Name is used as NickName.
    Inherits = The name of the DTEP from where this DTEP inherits tags. (The Name, not NickName)
    DefaultExtension = New files are created with this extension. (php)
    NumOfPages = 0   Always zero because there is not a tag editing dialog for
    Family 2 DTEPs.
    CaseSensitive = Case-sensitiveness of the DTEP. (true|false)
    Family = 2This type of DTEP is of family 2, since it is not markup.

    [Toolbars] - Information about DTEP toolbars.
    Location = The folder name inside $KDEDIR($KDEHOME)/share/apps/quanta/toolbars
    where the toolbars for this DTEP are.
    Names = The list of toolbar file names, minus the .toolbar.tgz extension, that
    are loaded for this DTEP from the above folder.

    [Extra rules] - Some rules not fitted in other places.
    BooleanAttributes = (simple|complex)
    Example for simple: <tag booleanAttr
    >.
    Example for complex: <tag booleanAttr="1"
    > or <tag booleanAttr="true">
    StructGroupsCount = The number of structure groups. See below.
    MinusAllowedInWords = If true "this-is-a-word" is treated like a word. Otherwise,
    it is treated like 4 words.
    TagAutoCompleteAfter = CHAR. The auto-completion box is brought up automatically
    once this CHAR is entered or SPACE is pressed after this CHAR. For DTEP family 1,
    it is usually "<" The text "none" instead of a CHAR specifies that the tag
    completion box should not be brought up automatically, only if the user requests it.
    AttributeSeparator = CHAR. This CHAR means that the attribute name has ended.
    It is " for XML DTEPs.
    TagSeparator = CHAR. Similar to the above.
    AttributeAutoCompletionAfter = CHAR. Similar to the TagAutoCompletionAfter, but
    for tag attributes. It is "(" by default and ":" for CSS.

    [StructGroup_1] - Definition of structure group 1.
    Name = The text that appears if there are tags matching this group settings.
    No_Name = The text that appears if there are NO tags matching this group settings.
    Icon = The name of the icon appearing before the above texts.
    Tag = tagname(attribute1, attribute2, ...). Tags with name tagname will appear
    under this group. The item text will be "attribute1_value | attribute2_value | ..."
    Currently only one tag may be listed here.
    HasFileName = (true|false) True, if the item text (above attribute values) contains a file name.
    FileNameRx = Regular expression used to remove the unnecessary chars from the item text.
    SearchRx = regular expression used to find text areas in the Family 2 DTEP, which
    will belong to this group
    ClearRx = regular expression used to clear unwanted text/chars from the above
    search result. The cleaned string will appear in the structure tree.

    [Parsing rules] - Rules used when parsing the document.
    SpecialAreas = The beginning and ending string of special areas, separated by a comma.
    Special areas are not parsed according to this DTEP's rules, but as their own rules.
    A special area can be a DTEP of another family, a comment, or something to that effect.
    Eg. <!-- -->
    SpecialAreaNames = Comma separated list of the above special area names. Eg. comment
    SpecialTags = tagname(attributename) - Specifies a tag which defines the start of a special area.
    AreaBorders = Comma separated list of the area borders encapsulating this Family 2 DTEP. In the
    case of PHP, it is: <? ?>, <* *
    >, <% %>
    Tags = tagname(attribute). If the parent(real) DTD has a tag with tagname and
    the attribute value of this tag is equal with the DTD name, the tag area
    is parsed according to the rules of this DTD.
    Comments = comma separated list of area borders for comments. EOL means end-of-line.
    Eg: // EOL, /* */
    StructKeywords = Semicolon separated list of structure keywords. Structures are treated
    as new nodes in the structure tree.
    StructBeginStr = A string specifying the beginning of a structure (like {)
    StructEndStr = A string specifying the beginning of a structure (like })
    StructRx = Regular expression containing the beginning or the end of the structure
    area. Eg. \\{ | \\} (structure area border can be { or })

## Crear barras de herramientas

A continuación se le mostrará cómo crear barras de herramientas para una &DTEP;. Las barras de herramientas son elementos gráficos que se asignan a acciones. Las acciones, en &quantaplus;, son la base para casi todas las extensiones que tiene &quantaplus; y que tendrá en el futuro. El mismo mecanismo que define una acción en &quantaplus; permite también la terminación automática y los cuadros de diálogo de las etiquetas. Con las acciones, el límite de lo que quiere hacer es virtualmente ilimitado. Por medio de un ejemplo, usaremos &HTML; tidy en nuestras páginas web.

### De la nada a lo completo

Para comenzar, necesitaremos crear una barra de herramientas de usuario. Elija Barras de herramientas Añadir barra de herramientas de usuario .

Si hay demasiadas etiquetas para el lenguaje de marcado, se recomienda que divida las etiquetas en grupos lógicos. Tendrá que crear una nueva barra de herramientas de usuario para cada grupo. En este caso, no hay muchas, así que haremos una barra de herramientas y le daremos el nombre del marcado.

Una vez que haya creado sus barras de herramientas, debe añadir y configurar las acciones. Para hacerlo, elija Preferencias Configurar acciones .

Las partes de esta ventana son bastante sencilla. Pulse el botón Nueva acción al final de la ventana para entrar en el modo de edición.

Rellene todos los campos necesarios y añada la etiqueta a la barra de herramientas adecuada.

Complete el resto y, si la etiqueta tiene atributos y planea usarlos siempre, marque la casilla Lanzar el cuadro de diálogo «Editar etiqueta» si está disponible para que se muestre cada vez que se use la acción.

Ahora debería tener algo parecido a lo siguiente.

Pulse el botón Aplicar y se añadirá la acción a la barra de herramientas que haya seleccionado.

¡Vaya! Es un icono horrible. ¿Cómo recordaré que ese icono representa esa acción? Reemplacemos el icono antes de que surjan los problemas.

Para crear un icono que describa con mayor precisión esa acción, usaremos &kiconedit;. Selecciónelo desde el &kmenu;, Gráficos Más programas (o allá donde lo haya colocado su distribución).

&kiconedit; hace que el tamaño predefinido sea 32x32 píxels, pero el que necesitamos es 22x22. Para cambiarlo, elija Editar Redimensionar .

Tenga en cuenta que va a acrear un icono que le ayudará no sólo a usted, sino también a otros usuarios del &DTEP;, a recordar qué acción representa.

Ya que la etiqueta para la que estoy creando el icono se llama inicio, he decidido crear un símbolo de inicio. Usando el color verde (el verde se interpreta con frecuencia como ir, comenzar o seguir) debería transmitir al usuario el mensaje de que al hacer clic sobre esta acción pondré la etiqueta <inicio> en el documento actual.

Ahora que he terminado de crear el icono, lo guardo.

Cuando haya creado los iconos, debe asociar el icono con la acción. Para ello, vuelva a abrir Preferencias Configurar acciones (en &quantaplus;) y seleccione la acción para la que haya hecho el icono. Junto al campo Texto verá un botón. Haga clic en él.

Seleccione Otros iconos y luego haga clic sobre el botón Navegar.

Vaya a la carpeta en la que haya guardado el icono, selecciónelo y haga clic en Aceptar.

Pulse el botón Aplicar y siga haciendo lo mismo con las demás etiquetas, si las hubiera, o bien haga clic sobre Aceptar para terminar.

Pongamos que le gustaría añadir algunas funciones frecuentes de &quantaplus; a su barra de herramientas o bien que piense que la barra de herramientas podría estar mejor organizada, con separadores para agrupar las acciones. Abra el cuadro de diálogo Configurar barras de herramientas usando Preferencias Configurar barras de herramientas . Asegúrese de que está seleccionada su barra de herramientas.

Elegiré el separador (arriba, en la columna izquierda) para mi barra de herramientas. Una vez que haya seleccionado el elemento que desee añadir a su barra de herramientas, pulse el botón con la flecha hacia la derecha. Con esto, se añadirá a su barra de herramientas.

Suponga que le gustaría tener una forma de acceder rápidamente a la Ver con Konqueror. Selecciónelo y añádalo a la barra de herramientas,

Fíjese en cómo el separador ayuda a agrupar. Alguien que tenga un primer contacto con mi barra de herramientas podría haber pensado que el botón de &konqueror; era igual u opuesto al botón de comienzo.

Aplique sus cambios y, cuando lo haya hecho, pulse sobre Aceptar para finalizar.

Ah, mire qué fantástica es la barra de herramientas nueva. Ahora es mucho más útil.

Recuerde probar su barra de herramientas, pulsando sobre todos los botones para verificar que la salida sea la correcta.

Ahora, para guardar la barra de herramientas, elegiremos Barras de herramientas Guardar barras de herramientas Guardar como barra de herramientas local .

Guárdela en la carpeta adecuada. Ya que no existe NeXML, la guardaré en la carpeta princiapl, pero debería guardar sus barras de herramientas en la carpeta adecuada. Asegúrese de ajustar su description.rc para que cargue sus barras de herramientas cuando se cree un fichero de ese tipo.

## Crear su propia documentación

Robert
Nickel

    robert@artnickel.com

Juan Manuel
García Molina

    juanma@superiodico.net

Traductor

## Crear su propia documentación

Probablemente, los añadidos más notables en &quantaplus; para el usuario general sean la adición de documentación para el lenguaje de marcado o de guión que prefiera. Con este fin, este capítulo explicará cómo creé el árbol de documentación &PHP; para mi uso personal.

Antes de empezar a crear su propia documentación, puede querer comprobar el repositorio de &quantaplus; para ver si alguien lo ha hecho ya.

Hay dos partes en este proceso. Primero, debe obtener la documentación existente para el lenguaje de marcado/guión/&etc; que quiera. Segundo, tiene que crear el archivo docrc. Lo primero es cosa suya, lo segundo es lo que se trata aquí.

La forma general del archivo docrc es la siguiente:

    #KDE Config File
    [Tree]
    Doc dir=path, relative to this file, of the documentation html files &eg; php42/
    #top level elements
    Top Element=Your description for these documentation &eg; &PHP; 4.2 documentation

    Section 1=Section1.html
    Section 2=#Sec2.1,#Sec2.2,#Sec2.3
    Sec2.1=Sec2.1.html
    Sec2.2=Sec2.2.html
    Sec2.3=Sec2.3.html
    ...

    [Context]
    ContextList=func1,func2,tag1,tag2,tag3
    func1=func1.html
    func2=func2.html
    tag1=tag1.html
    tag2=tag2.html
    tag3=tag3.html

El `docrc` está dividido en dos secciones: Tree (árbol) y Context (contexto).

La sección Tree (árbol) define el aspecto de la presentación de la documentación en la solapa de documentación. Por ejemplo, verá que en la documentación &PHP; tiene algo parecido a esto:

En relación a lo de arriba, mi `docrc` de &PHP; tiene esta pinta:

    #KDE Config File

    [Tree]

    Doc dir=php42/

    #top level elements
    Top Element=PHP 4.2 documentation

    PHP 4.2 documentation=Table of Contents,#Getting Started,#Language Reference

    Table of Contents=index.html

    Getting Started=Introduction, ...
    Introduction=introduction.html
    ...

    Language Reference=Basic syntax, ...
    Basic syntax=language.basic-syntax.html
    ...

Tenga en cuenta el `#` que está delante de Getting Started (Comenzar) y Language Reference (Referencia del lenguaje). Esto indica que son subcontenedores del árbol y tienen contenido propio. No creo que haya un límite de profundidad fijado (más que el que marque lo razonable) — use su buen juicio.

Para la Tabla de contenido, habrá notado que se hace referencia directamente a un archivo (y por tanto, se muestra al final del árbol de vista — las carpetas primero).

Los espacios no afectan negativamente a nada, pero tenga cuidado con los caracteres & y <. Los debe reemplazar con &amp; y &lt; respectivamente en todos los archivos de recursos de &quantaplus; basado en &XML;.

Context (contexto) es la sección del archivo docrc que se usa para facilitar la ayuda de contexto. Por ejemplo, si está escribiendo un guión &PHP; y le gustaría ver la documentación para la función `mysql_fetch_array`. Simplemente resalte la función y luego pulse &Ctrl;H para acceder a la ayuda de contexto. Inmediatamente se mostrará la documentación de `mysql_fetch_array`. Sólo hay aquí dos tipos de entradas: ContextList y las líneas de asociación de archivos.

ContextList

  Realmente sencillo. Es una lista separada por comas con los elementos del contexto que quiera que estén disponibles (para &PHP;, son las funciones propias de &PHP;).

Líneas de asociación de archivos

  Son de la forma «elemento_de_contexto=página_de_doc_html». &eg; acos=function.asoc.html

Una versión desgranada de mi `docrc` La sección Context (contexto) es:

    #Claves para la ayuda contextual
    [Context]
    ContextList=abs,acos,acosh,addcslashes,addslashes,...

    abs=function.abs.html
    acos=function.acos.html
    acosh=function.acosh.html
    addcslashes=function.addcslashes.html
    addslashes=function.addslashes.html
    ...

Ahora puede guardar su archivo `docrc`. Guárdelo en `$`HOME`/.kde/share/apps/quanta/doc` o `$`KDEDIR`/share/apps/quanta/doc` para darle uso local o global respectivamente. Luego, cree una carpeta(la que haya indicado en su archivo `docrc`) en la misma carpeta que su archivo `docrc` y copie allí sus páginas de documentación en &HTML;.

Tendrá que reiniciar &quantaplus; para ver su documentación.

Una vez que esté seguro de que es lo suficientemente bueno para ser compartido, envíe el archivo `docrc` junto con una descripción de cualquier información pertinente sobre qué documentos usó al repositorio de &quantaplus; para que lo pueda usar la comunidad de &quantaplus;. No se hará rico, pero se sentirá genial al saber que ha contribuido al desarrollo de la mejor plataforma de desarrollo web.