Text format - HTML

Keyword is <TF>.

Supported tags by FoxyPreviewer

Start tagEnd tagNotice
Bold<b>

</b>



Italic<i></i>

Underline<u></u>

StrikeThru<s></s>

Color<color=></color>

<color=255,0,0></color>
<color=255></color>
<color=#FF0000></color>
<color="red"></color>
<color=RGB(255,0,0)></color>
<color=HSL(0,100,50)></color>
<color=CMYK(0,1,1,0)></color>
<color=RGBA(255,0,0, 0.8)></color>
<color=HSLA(0,100,50, 0.8)></color>
<color=CMYKA(0,1,1,0, 0.8)></color>

rgba(), hsla(), cmyka() was add in XFRX 23.0
<c=></c> 
Back Color<highlight=> </highlight>  

<highlight=255,0,0></highlight>
<highlight=255></highlight>
<highlight=#FF0000></highlight>
<highlight="red"></highlight> 
<highlight=RGB(255,0,0, 0.8)></highlight>
<highlight=HSL(0,100,50, 0.8)></highlight>
<hihglight=CMYK(0,1,1,0, 0.8)></highlight>


<h=> </h>  
Font Name<fontname=""> </fontname>

 <fname="">  </fname> 
Font Size <fontsize=> </fontsize>   
 <fsize=>  </fsize>  
Fonty style <fontstyle=""></fontstyle>

<fontstyle="BIUS"> </fontstyle>


 <fstyle=""> </fstyle>
CRLF<br>


Extended tags and attributes by XFRX    

Start tagEnd tagNotice CSS attributesXFRX Version 
Bold <strong>

</strong>



17.3.1
Italic <em>

</em>



17.3.1
Superscript<sup></sup>


Subscript<sub> </sub>


Paragraph<p></p><p style=""></p> 

text-align;
margin;
padding;
border-width;
border-style;
background-color;
tab-stops;
curvature;
text-indent;
direction;
charset;
tab-size;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration;
line-height; 


Span<span></span><span style=""></span> 

background-color;
charset;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration;


Rectangle<rectangle></rectangle><rectangle style=""></rectangle> 

float;
margin;
width;
height;
border-width;
border-style;
background-color;
curvature;
color;
left;
right; 
wrap-image;
wrap-side;


Image<img></img><img>field</img>
<img style="">field</img>

float;
margin;
width;
height;
stretch;
position;
left;
right; 
wrap-image;
wrap-side;


Horizontal line<hr></hr><hr></hr>
<hr style=""></hr> 

float;
margin;
border-width;
border-style;
width;
position; 
left;
right;
wrap-image;
wrap-side;


Vertical line<vr></vr><vr></vr>
<vr style=""></vr> 
float;
margin;
border-width;
border-style;
height;
position; 
left;
right;
wrap-image;
wrap-side;

Quote<quote></quote><quote></quote>
<quote name=""></quote>
text-align;
margin;
padding;
border-width; border-style; background-color; tab-stops; curvature;
text-indent; direction;
charset;
tab-size;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration; line-height; 

Code<code><code> 

text-align;
margin;
padding;
border-width; border-style; background-color; tab-stops; curvature;
text-indent; direction;
charset;
tab-size;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration; line-height; 

 

Preformated text<pre></pre> 

text-align;
margin;
padding;
border-width; border-style; background-color; tab-stops; curvature;
text-indent; direction;
charset;
tab-size;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration; line-height; 

 

Ordered list<ol></ol><ol style="">
<li>First</li>
<li>Second</li>
</ol>

list-style-type;
list-style-position;
text-align;
margin;
padding;
border-width;
border-style; background-color; tab-stops;
curvature;
text-indent;
direction;
charset;
tab-size;
color;
font-name;
font-size;
font-style;
font-weight;
text-decoration;  


Unorder list<ul></ul>

<ul style="">
<li>First</li>
<li>Second</li>
</ul>

<ul style="list-style-type:diamond">
<li>First</li>
<li>Second</li>
</ul>

<ul style="list-style-type:custom;list-style-bullet:&x25A7;">
<li>First</li>
<li>Second</li>
</ul>

<ul style="list-style-type:custom;list-style-bullet:&9639;">
<li>First</li>
<li>Second</li>
</ul>

list-style-image;
list-style-type;
list-style-position;
list-style-bullet;
list-style-bullet-postifx;
text-align;
margin;
padding;
border-width;
border-style; background-color; tab-stops;
curvature;
text-indent;
direction;
charset;
tab-size;
color; 
font-name;

fontt-size;
font-style;
font-weight;
text-decoration;


<list></list><list style="">
<li>First</li>
<li>Second</li>
</list>

list-style-image;
list-style-type;
list-style-position;
list-style-bullet;
list-style-bullet-postifx;
text-align;
margin;
padding;
border-width;
border-style; background-color; tab-stops;
curvature;
text-indent;
direction;
charset;
tab-size;
color; 
font-name
font-size;
font-style;
font-weight;
text-decoration;


Item list <li> </li>  <li style=""> </li>

list-style-image;
list-style-type;
list-style-bullet;
text-align;
margin;
padding;
border-width;
border-style; background-color; tab-stops;
curvature;
text-indent;
direction;
charset;
tab-size;
color; 
font-name;
font-size;
font-style;
font-weight;
text-decoration;


VFP Expression<vfpev></vfpev><vfpev>DTOC(DATE())+" "+TIME()</vfpev>

VFP Expression with conversion format<vfpev pictureformat="" xlsf=""> </vfpev> <vfpev pictureformat="99.99" xlsf="#0.00">10</vfpev>

Hyperlink <a href=""></a><a href="static address"></a>
<a href="'string expression'"></a>
<a href="field"></a>


<a name=""></a><a name="#static name"></a>
<a name="'#string expression'"></a>
<a name="'#'+field"></a>


Tabelator <tab/> <tab/>

<tab=/><tab=X/>X count of tabelators

Code page <fcp=X fontcharset=""></fcp> <fcp=42></fcp>
<fcp=65001 fontcharset="238"></fcp>


Options block  <options>
<options mode="clear">
<options mode="change">
<options mode="reset-change">

</options>

<options>TF_LIST_ITEM_CHAR=CHR(168)</options>
<options mode="clear">TF_LIST_ITEM_CHAR=CHR(168)</options>
<options mode="change">TF_LIST_ITEM_CHAR=CHR(168)</options>

Attribute mode was added in version 21.0.
Default value is "clear" - reset all options to "factory" settings.
"change" - modify default settings
"reset-change" - reset to last default settings and modify it.



Table <table></table>

<table>
<tr><th></th><th></th></tr>
<tr><td></td><td></td></tr>
</table>

 


Header    <h1></h1>




     

font-name;
font-size;
font-style;
font-weight;
text-decoration






19.0.0
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>






Conditional style stylefor=""

 stylefor="{consition1},{style1},{consition2},{style2},{style3}"

 stylefor="{consition1},{style1},{consition2},{style2}"


19.1.0
Condition for element for="logical_expression"
<table>
<tr><th></th><th></th></tr>
<
tr for="condition">
<td><vfpev>Expression</vfpev></td>
<
/tr>
<
/table>

19.1.0






Expand row by source alias   template="alias_expression"         <table>
<tr><th></th><th></th></tr>
<
tr template="alias_expression">
<td><vfpev>Expression</vfpev></td>
<
/tr>
<
/table>
 
<ul>
<li template="alias_expression"><vfpev>Expression</vfpev></li>
<
/ul>
 
<p template="alias_expression">
<vfpev>Expression</vfpev></p>
 


Expand elements by source alias<data:template></data:template>

<tr><td>Static</td></tr>
<data:template template="alias_expression">
<tr><td>Firs dynamict</td></tr>
<tr><td>Second dynamic</td></tr>
</data:template>


19.1.0






CSS attributes
NameValuesNotice
leftsize | percent10pt or 12px or 1cm
10% 
topsize | percent10pt or 12px or 1cm
10% 
widthsize | percent 10pt or 12px or 1cm
10% 
heightsize | percent 10pt or 12px or 1cm
10% 
rightsize | percent 10pt or 12px or 1cm
10% 



positionstatic | relative | absolute | relative-paragraph
stretchclip | isometric | stretch
curvaturenumberwithout units
floatleft | right | center | text-top-bottom | text-rectangle

For values left | right can be position only static.
For  values text-top-bottom | text-rectangle can be position only absolute | relative-paragraph.
Value center added in XFRX 17.2.0.
Values text-top-bottom | text-rectangle are deprecated since XFRX 17.2.0.

wrap-imagetext-top-bottom | text-rectangleAttribute  added in XFRX 17.2.0. 
wrap-sideboth | left | right Attribute  added in XFRX 17.2.0.  



list-style-type

decimal |
decimal with bracket |
upper roman |
upper roman with bracket |
upper latin |
upper latin with bracket |
lower latin |
lower latin with bracket |
upper roman |
upper roman with bracket |
none |
circle |
disc |
square |
diamond |
custom

Values none, circle, disc, square, diamond, custom added in XFRX 21.0
list-style-bullet#dec
#xhex

Attribute  added in XFRX 21.0.0.  

Applied for list-style-type:custom

list-style-image

url('')url('filename.png')
'expression'
list-style-position

outside | outside-right |
outside-left |
outside-middle |
inside | inside-left |
inside-right |
inside-middle

Attribute  added in XFRX 21.0.0.  

Values outside and inside are from CSS.

*left - align bullet to left
*right - align bullet to right
*middle - align bullet to middle

list-style-bullet-postfixspace | none | tab

Attribute  added in XFRX 21.0.0.  

space - add space after bullet (default value)
none - 
tab - add tab after bullet (default size is 1em)

   
charsetwindows-1250 | windows-1252 |
windows-1251
which knows VFP
windows-42 is for symbol font
directionltr | rtl
font-name"Arial" | "Symbols" etc.
font-sizesize10pt or 12px or 1cm  
tab-sizesize10pt or 12px or 1cm
tab-stopsleft size center size right sizeleft 1in center 1in right 1in;
text-alignleft | center | right | block | justify
text-indentsize10pt or 12px or 1cm  
font-stylenormal | italic | inherit
font-weightnormal | bold | inherit 
text-decorationnormal | underline | line-through | inherit 
background-color

R,G,B | #HEX | "WEB Color Name" |
rgb(r,g,b) | hsl(h,s,l) | cmyk(c,m,y,k) |
rgba(r,g,b,a) | hsla(h,s,l,a) | cmyka(c,m,y,k,a)

rgba(), hsla(), cmyka() was add in XFRX 23.0
color R,G,B | #HEX | "WEB Color Name" |
rgb(r,g,b) | hsl(h,s,l) | cmyk(c,m,y,k) |
rgba(r,g,b,a) | hsla(h,s,l,a) | cmyka(c,m,y,k,a)
rgba(), hsla(), cmyka() was add in XFRX 23.0
line-height size | number | percent 10pt or 12px or 1cm
2.5 is coficient for paragraph font-size
250% is coficient for paragraph font-size
   
marginA
A B
A B C
A B C D
top-right-bottom-left
top-bottom, right-left
top, right-left, bottom
top, right, bottom left
margin-topsize
margin-rightsize | percent
margin-bottomsize
margin-leftsize | percent
paddingA
A B
A B C
A B C D
top-right-bottom-left
top-bottom, right-left
top, right-left, bottom
top, right, bottom left
padding-topsize
padding-rightsize | percent
padding-bottomsize
padding-leftsize | percent
   
border-widthsize | medium | thin | thickmedium, thin, thick was add in XFRX 21.1
border-stylenone | dotted | dashed | dashdot | dashdotdot | solid
   
unitspx | pt | in | cm | mm | pc | % | rem | em | ex | vw | vh | vmin | vmax | tw

% (only for width, height, left, top, right, margin, padding, font-size, line-height)

Unit vh is meaningful for fixed height of textbox in report.


Units vw,vh,vmin,vmax was add in XFRX 17.1.1
Unit tw was add in XFRX 17.1.3