Feuilles de root

Logiciels libres, programmation et économie

Accueil » Programmation » Le langage de balisage Texy

Le langage de balisage Texy

Texy est un langage de balisage léger comparable à Markdown ou Textile. Il permet d'éditer un contenu avec une syntaxe facile à lire et à écrire qui est transformée en code XHTML valide.

Consulter la documentation officielle (en anglais)

Accéder à la page de téléchargement

Paragraphes

Lorem ipsum dolor sit amet,
still the same paragraph.

Second paragraph
<p>Lorem ipsum dolor sit amet, still the same paragraph.</p>

<p>Second paragraph</p>

Centrer ou modifier la couleur

.{color:blue}
Lorem ipsum dolor sit amet.

.<>
Lorem ipsum dolor sit amet.
<p style="color:blue">Lorem ipsum dolor sit amet.</p>

<p style="text-align:center">Lorem ipsum dolor sit amet.</p>

Titres

Première solution :

Main title
**************

Subtitle
==========

seconde solution

=== Main title ===

## Subtitle ##

## or same subtitle
<h2>Main title</h2>

<h3>Subtitle</h3>

Ligne horizontale

--------

********

Code

/---code php
function reImage($matches) {
$content = $matches[1];
$align = $matches[5];
$href = $matches[6];
}
\---
<code>function reImage($matches) {
  $content = $matches[1];
  $align = $matches[5];
  $href = $matches[6];
}</code>
Désactiver Texy
/---html
test: **this is not strong**
\---


/---text
test: **this is not strong**
\---

Div

/---div .[header]

content of div

\---
<div class="header">
        <p>content of div</p>
</div

div imbriqués :

<div class="header">
        <h6>This is a header.</h6>

        <div>
                <p>nested div</p>
        </div>

        <p>Texy is sexy!</p>
</div>

Liens

Look at homepage:[http://texy.info].

Do you know "Nette":http://nette.org?

"Write me":me@example.com
<p>Look at <a href="http://texy.info">homepage</a>.</p>

<p>Do you know <a href="http://nette.org">Nette</a>?</p>

<p><a href="mailto:me@example.com">Write me</a></p>

Références

This is [homepage]

Look at [this site | nette]
<p>This is <a href="http://texy.info/" title="homepage">Texy</a></p>

<p>Look at <a href="/en/nette">this site</a></p>

Images

[* image.gif *]

<div><img src="//files.texy.info/git/www/image.gif" alt=""></div>

Images alignées :

[* image.gif <] Image alignée à gauche. Lorem ipsum …

[* image.gif >] Image alignée à droite. Curabitur quam …

<p><img src="//files.texy.info/git/www/image.gif" alt="" class="left"> Left-aligned image. Lorem ipsum …</p>

<p><img src="//files.texy.info/git/www/image.gif" alt="" class="right"> Right-aligned image. Curabitur quam …</p>

Avec les dimensions :

[* image.gif 10x20 *]

<div><img src="//files.texy.info/git/www/image.gif" alt="" width="10" height="20"></div>

Images avec description

[* image.gif *] *** This is *description* under image
<div class="figure"><img src="//files.texy.info/git/www/image.gif" alt="">
        <p>This is <i>description</i> under image</p>
</div>

Listes

<ul>
    <li>Red</li>

    <li>Green</li>

    <li>Blue</li>
</ul>
Listes ordonnées
  1. One
  2. Two
  3. Three
  1. One
  2. Two
  3. Three
  1. DOS
  2. Windows
  3. Linux
  4. Yesterday
  1. Today
  2. Tomorrow
<ol>
    <li>One</li>

    <li>Two</li>

    <li>Three</li>
</ol>

<ol style="list-style-type:lower-alpha;">
    <li>One</li>

    <li>Two</li>

    <li>Three</li>
</ol>

<ol style="list-style-type:upper-alpha;">
    <li>DOS</li>

    <li>Windows</li>

    <li>Linux</li>
</ol>

<ol style="list-style-type:upper-roman;">
    <li>Yesterday</li>

    <li>Today</li>

    <li>Tomorrow</li>
</ol>