Formatação de texto em Textile

•

Formatação de texto em Textile. Para elementos como cabeçalhos, negrito, tabelas, listas e vários comandos HTML pode ser usado a sintaxe Textile escrita mais rápida e eficiente. Consulte outras publicações no blog para informações de uso de mais funcionalidades. Alguns exemplos são apresentados a seguir por serem mais recorrentes na escrita.

Formatação de texto em Textile

 

Acrônimo

JPL(Jean-Philippe Lang)

Exibe:

JPL

Estilo de fonte

* *negrito*
* _itálico_
* *_negrito itálico_*
* +sublinhado+
* -riscado-
* Texto ^sobrescrito^
* Texto ~subscrito~
* @Monoespaçado em linha@
* normal *negrito* _itálico_ normal;E=mc ^2^
* normal*negrito*_itálico_normal;E=mc^2^
* Escapando: *negrito* _itálico_ @monoespaçado@       Alternativa usando códigos HTML: *negrito* _itálico_ @monoespaçado@
* *algumas linhas*      algum "link":http://www.redmine.org
* *algumas linhas*      algum "link":http://www.redmine.org

Exibição:

  • negrito
  • itálico
  • negrito itálico
  • sublinhado
  • riscado
  • Texto sobrescrito
  • Texto subscrito
  • Monoespaçado
  • normal negrito itálico normal;E=mc 2
  • normalnegrito_itálico_normal;E=mc2
  • Escaping: *negrito* _itálico_ @monoespaçado@       Alternativa usando códigos HTML: *negrito* _itálico_ @monoespaçado@

  • algumas linhas algum “link”:http://www.redmine.org

  • algumas linhas algum link

Cores

* %{color:red}vermelho% %{color:green}verde% %{color:yellow}amarelo% %{color:#82B6E1}azul%
* %{color:red}vermelho%%{color:green}verde%%{color:yellow}amarelo%%{color:#82B6E1}azul%
* %{background:lightgreen}Fundo verde-claro% %{background:yellow}Fundo amarelo%
* %{background:lightgreen}Fundo verde-claro%%{background:yellow}Fundo amarelo%

Exibição:

  • vermelho verde amarelo azul
  • vermelhoverdeamareloazul
  • Fundo verde-claro Fundo amarelo
  • Fundo verde-claroFundo amarelo

Imagens

  • !image_url! exibe imagem localizada em image_url (textile syntax)
  • !>image_url! imagem alinhada à direita
  • !image_url(Image title)! exibe imagem com atributo alt/title
  • !image_url!:URL exibe imagem localiza em image_url com link embutido

Se você tiver uma imagem anexada na página wiki, pode ser inserida informando o nome do arquivo: !attached_image.png!

Você também pode aplicar estilo CSS na image da mesma forma ao estilizar SPANs. O código !{width: 100%}attached_image.png! irá ajustar a imagem conforme largura do elemento pai.

Cabeçalhos

h1. Título

h2. Subtítulo

h3. Subtítulo

Redmine atribui uma âncora para cada um desses títulos, assim você pode linká-los com “#Heading”, “#Subheading” e assim por diante.

Parágrafos

p. alinhado à esquerda

  p(. identado à equerda em 1em

    p((. identado à equerda em  2em
    bem como as seguintes linhas

                                                                                   p>. alinhado à direita

                                                                        p)))>. identado à direita em 3em

                           p=. Parágrafo centralizado.

Linha horizontal

----

Exibição:

Pré-definido

Para escapar sintaxe wiki

<pre> Seu texto não será negrito </pre>

Exibição:

Seu texto não será negrito

Citações

Inicie o parágrafo com bq.:

bq. Rails is a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern.
To go live, all you need to add is a database and a web server.

Exibição:

Rails is a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern.

To go live, all you need to add is a database and a web server.

Você também pode usar > no inicio de cada linha e empilhá-los para citações aninhadas:

>> Rails is a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern. >> To go live, all you need to add is a database and a web server. > Great!

Exibição:

Rails is a full-stack framework for developing database-backed web applications according to the Model-View-Control pattern.

To go live, all you need to add is a database and a web server.

Great!

Listas não-ordenadas

  • Item 1
  • Item 2 ** Item 21 ** Item 22
  • Item 3

exibição:

  • Item 1
  • Item 2
    • Item 21
    • Item 22
  • Item 3

Listas ordenadas

Item 1

Item 2

Item 3

Item 3.1

Item 3.2

exibição:

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3.1
    2. Item 3.2

Tabelas

_.UserID _.Nome _.Grupo _. lista atributos
Iniciando com uma simples linha
\3=.TI <. alinha esquerda    
1 Artur Pirozhkov /2.Users >. alinha direita
2 Vasya Rogov =. centraliza  
3 John Smith Admin  
(root) ^. alinha topo    
4 - Ninguém  
(anônimo) ~. alinha base    

displays (all multiple spaces are replaced by 1 space):

  UserID



  Nome



  Grupo



  lista atributos

  
  
  

  Iniciando com



  uma



  simples



  linha

  
  
  

  TI



  alinha esquerda

  
  
  

  1



  Artur Pirozhkov



  Users



  alinha direita

  
  
  

  2



  Vasya Rogov



  centraliza

  
  
  

  3



  John Smith



  Admin (root)



  alinha topo

  
  
  

  4



  &#8211;



  Ninguém (anônimo)



  alinha base
Se você quiser inserir o caracter (pipe) dentro da tabela (ex.: links Wiki), deve-se prevenir que o textile os interprete: 
  Entrada



  Saída

  
  
  

  |



  |

Tabela de conteúdo (TOC)

 => toc alinhado à esquerda
 => toc alinhado à direita

Observe que a tag do TOC precisa de uma linha vazia antes e depois da mesma.

Exemplo:

h1. TítuloUm

h2. subtítulo



h2. outro subtítulo