HTML Extensions

supports embedding into blog posts and into almost all text data, including source text, notes and other description fields. Gigatrees also supports several HTML extensions that can simplify formating tasks. You can also add your own using <Placeholders>. The following table includes a list with examples. Note: width and size are interchangable.

TagSyntaxExample
xxxxsmall <xxxxsmall>This is xxsmall text</xxxxsmall> This is xxsmall text
xxxsmall <xxxsmall>This is xxsmall text</xxxsmall> This is xxsmall text
xxsmall <xxsmall>This is xxsmall text</xxsmall> This is xxsmall text
xsmall <xsmall>This is xsmall text</xsmall> This is xsmall text
smallish <smallish>This is smallish text</smallish> This is smallish text
medium <medium>This is medium text</medium> This is medium text
large <large>This is large text</large> This is large text
smaller <smaller>This is smaller text</smaller> This is smaller text
xlarge <xlarge>This is xlarge text</xlarge> This is xlarge text
larger <larger>This is larger text</larger> This is larger text
xxlarge <xxlarge>This is xxlarge text</xxlarge> This is xxlarge text
red <red>This is normal red text</red> This is normal red text
blue <blue>This is normal blue text</blue> This is normal blue text
green <green>This is normal green text</green> This is normal green text
highlight <highlight>This is normal highlighted text</highlight> This is normal highlighted text
indent <indent>This is normal indented text</indent> This is normal indented text
dropcap <dropcap>T</dropcap>his is normal dropcapped text This is normal dropcapped text
colon <::> :
tab <==> tab -> <- tab
t,x <x>This is bracketed text</x> <This is bracketed text>
lt <lt> less than < less than
*,sp non-breaking space -><sp><- non-breaking space non-breaking space -> <- non-breaking space
break text<break>text text
 
text
blank text<blank>text text
text
nudge text<nudge>text text
text
knockout <knockout>text</knockout>
text
xtable (sortable & scrollable)<xtable>
<thead><tr><th>Column 1</th><th>Column 2</th></tr></thead><tbody><tr><td>Data 1</td><td>Data 2</td></tr></tbody>
<tfoot><tr><td>Footer 1</td><td>Footer 2</td></tr></tfoot></xtable>
Column 1Column 2
Data 1Data 2
Footer 1Footer 2
href <href>http://domain.com<:>This is a link that loads in the same page/tab</href> This is a link that loads in the same page
href <href>http://domain.com<:id:>link-id<:class:>link-class<:>This is a link that loads in the same page/tab</href> This is a link with its own id and class that loads in the same page
href <href>http://domain.com<:new:>This is an external URL that loads in a new page/tab</href> This is an external URL that loads in a new page
fs <fs>KP44-CYW<:fs:>This is an external URL that loads in a FamilySearch page</fs> This is an external FamilySearch URL that loads in a new page
thumb <thumb>http://...</thumb>
thumb (linked) <href>http://...<:><thumb>http://...</thumb></href>
thumb (linked & captioned) <href>http://...<:><thumb>http://...<caption>This is a caption</caption></thumb></href> This is an image caption
image <img>http://...</img>
figure<figure>
<href>http://...<:>     <thumb>http://...<caption>This is a caption</caption></thumb></href><figcaption>     <center><i>This is a figure caption</i>t>/center></figcaption>
</figure>
This is an image caption
This is a figure caption
figure (300px)
<width>300px<:>
<figure>     <href>http://...<:>          <img>http://...<caption>This is a caption</caption></img>     </href>     <figcaption>          <center><b>This is a larger figure</b></center>     </figcaption>
</figure></width>
This is an image caption
This is a larger figure
figure (200px & wrapped caption) <size>200px<:>
<figure>     <href>http://...<:>          <thumb>http://...<caption>This is a caption</caption></thumb>     </href>     <figcaption>          <center><b>This is another figure caption that wraps nicely</b></center>     </figcaption></figure></size>
This is an image caption
This is another figure caption that wraps nicely
gallery
<gallery>
<picture><href>http://...<:><thumb>http://...<caption>Photo 1</caption></thumb></href></picture>
<picture><href>http://...<:><thumb>http://...<caption>Photo 2</caption></thumb></href></picture>
<picture><href>http://...<:><thumb>http://...<caption>Photo 3</caption></thumb></href></picture>...<picture><href>http://...<:><thumb>http://...<caption>Photo 18</caption></thumb></href></picture><picture><href>http://...<:><thumb>http://...<caption>Photo 19</caption></thumb></href></picture></gallery>
Comments