P Tag

${ p }
- usage : ${p}

This tag will allow you to render text ranges in your Label or Paragraph text layers.

This tag works with text only.

Text Range Styles

When using ${p} tag, all layer effects are rendered with each range of the text element as a <span /> element in the output. The text ranges are converted to inline HTML styles and not in the CSS.

NOTE: Styles within a text block are just that - inline.  Adding span styles to the CSS file is pointless, as you will likely use the style for that span only once.
IMPORTANT: Paragraph (<p/>) elements are not used in HTML outputs - learn more.

Line Height

This tag will also calculate the line height but ONLY for the text element as a whole, and NOT each span.

IMPORTANT: HTML5 and CSS3 do not calculate the line-height of a span within a div - to workaround this, change the font size of " " (space) character and HTML will remap that line using the "line height" of the font.
LOGIN NOW: Get instant access to our free Online Training - click here.

02. Using The Plugin

03. Layer Support

04. Basic Exports

05. Layer Tags

06. Optimization Tips

07. Complete Exports

🚀 Start saving time and money!