human-textile-reference icon indicating copy to clipboard operation
human-textile-reference copied to clipboard

A human-readable Textile reference you can include in your projects.

h1. Human Textile Reference

The Human Textile Reference is a set of short, easy to understand HTML pages you can include in any project that uses Textile.

Important: This is not designed to be a complete reference. Just a quick guide for the layman.

You can "view a live demo":http://labs.metanation.com/human-textile-reference/.

It's perfect for including as a pop-up help window next to your textarea.

The author of this reference recommends using Markdown over Textile as it's easier to learn and requires less change to normal writing styles.

See also: the "Human Markdown Reference":http://github.com/Aupajo/human-markdown-reference.

h2. How To Use

"Download":http://github.com/Aupajo/human-textile-reference/downloads or clone this repository.

Copy the @textile-reference/@ directory to your project.

Add a help link to the reference:

h3. HTML Snippet


You can format your text using 
Textile.

h3. Rails Snippet


  You can format your text using
   ['textile_reference', 'height=400,width=600,scrollbars=1'] %>

h3. Language Support

English and German are currently supported.

Just change @textile-reference/en/index.html@ to @textile-reference/de/index.html@ (on most servers you can also drop the @index.html@).

h2. Reference Sections

The reference sections include:

  • Text formatting
  • Links and images
  • Headings
  • Lists
  • Tables
  • Special characters

h2. Notes

h3. Licence

The Human Textile Reference is licensed under the "MIT licence":https://github.com/Aupajo/human-textile-reference/blob/master/LICENCE and is freely available for you to use or modify for any project.

h3. Size

It's extremely lightweight; one HTML file, one minified CSS file, two images. If your web server has GZip compression switched on it should total 2.2KB.

h3. JavaScript

The guide uses JavaScript to toggle the different categories. If the browser's JavaScript is disabled, every category will be shown expanded, which is fine.

It uses jQuery 1.4.4 from the Google's AJAX CDN (the request should be a cache hit, so you'll incur no extra wait time).

h3. Sass

Included stylesheet is compiled using "Sass":http://sass-lang.com/. If you want to make modifications, alter @sass/textile-reference.scss@. You can output the compressed version with:


sass sass/textile-reference.scss textile-reference/stylesheets/textile-reference.css -t compressed

If you're developing, you can use Sass' @--watch@ option.