Compose tips

input formats:
  • Filtered HTML:
    • Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple blank lines.
    • Web page addresses and e-mail addresses turn into links automatically.

    • You may quickly link to image nodes using a special syntax. Each image code will be replaced by thumbnail linked to full size image node. Syntax:

      [image:node_id align=alignment hspace=n vspace=n border=n size=label width=n height=n nolink=(0|1) class=name style=style-data node=id]

      Every parameter except node_id is optional.

      Typically, you will specify one of size, width, or height, or none of them. If you use size=label, where label is one of the image size labels specified on the image settings page, the size associated with that label will be used. The sizes "thumbnail", "preview", and "original" are always available. If you use width=n or height=n, the image will be scaled to fit the specified width or height. If you use none of them, the thumbnail image size will be used.

      If you specify nolink=1, no link will be created to the image node. The default is to create a link to the image.

      Alternatively, if you specify node=id, a link will be created to the node with the given id.

      The align, hspace, vspace, border, class, and style parameters set the corresponding attributes in the generated img tag.

  • Textile:

    • Textile Help

      Block modifier syntax:

      CSS attributes can be applied to blocks (paragraphs, headers, etc.). CSS classes are specifed with "(class)"; CSS IDs are specified with "(#id)"; both can be specified with "(class#id)". An arbtirary CSS style can be applied by using "{style}". Finally, language attributes are applied using "[language]".

      Additionally, alignment and indentation shorthands are provided. To left-align, right-align, center, and justify text, use "<", ">", "=", and "<>", respectively. "(" left-indents a block 1em for each occurrence, and ")" right-indents similarly.

      Tables have additional options. "^", "-", and "~" specify top, middle, and bottom vertical alignment. The "_" attribute on a cell indicates that it is a table header.

      The examples below illustrate these attributes.

      textile input output

      Headings

      hx. (where x is 1 - 6)
      h1. Heading

      Heading
      h2(class). Heading with class

      Heading with class

      Paragraphs
      p=. Centered text

      Centered text
      p())(#id). Indented text with ID

      Indented text with ID

      Block quotes
      bq(class#id). Quote with class and ID
      Quote with class and ID
      bq[en]. English quote
      English quote

      Ordered lists
      {color: blue}# Attributes specified
      # before the first item
      # affect the whole list
      1. Attributes specified
      2. before the first item
      3. affect the whole list

      Unordered lists
      * Lists can have
      ## subitems or
      ## sublists
      * too
      • Lists can have
        1. subitems or
        2. sublists
      • too

      Footnotes

      fnx. (where x is 1 - 100)
      fn17. Footnote

      17 Footnote

      Tables
      |_. A|_. B|_. C|
      (dark). |very|simple|table|
      |<. left|=. center|>. right|
      |^{height:3em}. top|-. middle|~. bottom|
      A B C
      very simple table
      left center right
      top middle bottom

      Phrase modifier syntax:

      The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.

      textile input output
      _emphasis_ emphasis
      __italic__ italic
      *strong* strong
      **bold** bold
      ??citation?? citation
      -delete text- deleted text
      +inserted text+ inserted text
      ^superscript^ superscript
      ~subscript~ subscript
      @code@ code
      %(class)span% span
      %{color:red;}span% span
      ==no textile== no textile
      "link text":url link text
      "link text(title)":url link text
      !imageurl!
      !imageurl(alt text)! alt text
      !imageurl!:url
      ABC(Always Be Closing) ABC
      Footnote reference[17] Footnote reference17

    • You may quickly link to image nodes using a special syntax. Each image code will be replaced by thumbnail linked to full size image node. Syntax:

      [image:node_id align=alignment hspace=n vspace=n border=n size=label width=n height=n nolink=(0|1) class=name style=style-data node=id]

      Every parameter except node_id is optional.

      Typically, you will specify one of size, width, or height, or none of them. If you use size=label, where label is one of the image size labels specified on the image settings page, the size associated with that label will be used. The sizes "thumbnail", "preview", and "original" are always available. If you use width=n or height=n, the image will be scaled to fit the specified width or height. If you use none of them, the thumbnail image size will be used.

      If you specify nolink=1, no link will be created to the image node. The default is to create a link to the image.

      Alternatively, if you specify node=id, a link will be created to the node with the given id.

      The align, hspace, vspace, border, class, and style parameters set the corresponding attributes in the generated img tag.

  • Rich-text editing:

Back to top