This PSD file will demo Photoshop auto-text support in web-based envrionments such as HTML, JavaScript and WordPress. All paragraph text elements are converted to smart HTML tags automatically without additional options.

File Size

399 KB

Download Now

Auto-Text Link Support

This PSD shows support for Paragraph Text, with links and emails within the text contents of layers. Auto Text Link will convert your web-links and emails into native HTML elements with anchor links assigned respective of the text content.

Web Links

1
2
3

//www.yourdomain.com
=
<a href="//www.yourdomain.com">//www.yourdomain.com</a>

Email Links

1
2
3

you@yourdomain.com
=
<a href="mailto:you@yourdomain.com">you@yourdomain.com</a>

Change Your Text Names

Photoshop will use the text contents of layers as the name, this is not always valid – read more.

Testing the PSD

Use Layers views to see the code translation of each layer, or use Exports view to see the output of the document.

Using Layers View

Select any shape element in the PSD, then select your desired view to see the code render of your shape.

Using Exports View

Export the PSD in your required environment to see how shapes are rendered in your output.