TxStyle · Textile Documentation

The Textile Markup Reference for Textpattern

Images

Exclamation marks are used to insert an image tag.

More about: Images

1. An image from another domain:

!http://textpattern.net/wiki/skins/textbook/images/logo.png!

2. Use () parentheses to include “alt” text and title at the same time:

!/img/newcarver.png(the new carver)!

3. Combine with a link for an image link:

!/img/newcarver.png!:http://textpattern.com/

4. Images can be aligned right:

!>/img/carver.jpeg!

or centered:

!=/img/carver.jpeg!

5. An image can have a css style:

!{border:5px solid red;}/img/carver.jpeg!

or a css class:

!(a_classy_image)/img/carver.jpeg!

6. To center an image, you may use this style:

!{display: block;margin-left: auto;margin-right: auto;}/img/carver.jpeg!

7. 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:

8. 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

1. MDN: The <img> element

Further Information
PHP Textile versions
Textile related linklists

Tools
Blank input form
Table Data Converter

Report Issues
Issues on PHP Textile (GitHub)