TxStyle · Textile Documentation

The Textile Markup Reference for Textpattern

Images

Exclamation marks are used to insert an image tag.

Input (editable)

Browser
HTML

More about: Images

1. An image from another domain:
!http://textpattern.net/wiki/skins/textbook/images/logo.png!
1. Use () parentheses to include “alt” text and title at the same time:
!/img/newcarver.png(the new carver)!
1. Combine with a link for an image link:
!/img/newcarver.png!:http://textpattern.com/
1. Images can be aligned right:
!>/img/carver.jpeg!

or centered:

!=/img/carver.jpeg!
1. An image can have a css style:
!{border:5px solid red;}/img/carver.jpeg!

or a css class:

!(a_classy_image)/img/carver.jpeg!
1. To center an image, you may use this style:
!{display: block;margin-left: auto;margin-right: auto;}/img/carver.jpeg!
1. To include an image with a complex formula using latex, you can link to a remote service and have it sent back as an image:
!http://www.codecogs.com/eq.latex?\int_{-\infty}^{\infty}e^{-x^{2}}dx=\sqrt{\pi}!

This would produce:

1. For the generation of relative images and to better support content for responsive layouts, the automatic generation of image width and height can be suppressed by a Textile parser option as of Textile v2.5.1.

Paste code into the box above.

Further reading: Images

Further Information
PHP Textile versions
Textile related linklists

Report Issues
Issues on PHP Textile (GitHub)

PHP Textile v3.6.0