Depuis deux mois, j'explique intensivement à quelques amis comment faire un blog. Du coup, je suis obligé de repousser de quelques semaines mon travail sur mes petits assistants activeRenderer, parceque mes amis ne connaissent rien de rien à html et je n'imaginais pas tous les petits trucs et balises qu'il fallait connaitre en html pour qu'un site soit présentable...
He bien !! pendant que je m'active à expliquer ces balises html, que font Marc Barrot [1] et Andy Fragen [2] !!! ...ils adaptent Markdown à l'environnement Radio UserLand !! C'est-à-dire qu'ils permettent ainsi à mes amis d'écrire leurs blogs avec une facilité d'écriture accrue. Markdown est un système de règles d'écriture simplifié de ce qui devient, après interprétation par le programme, du html conventionnel.
Markdown, création originale de John Gruber [3], se présente simplement sous la forme d'un tool (Markdown.tool), que l'on installe dans le dossier "tools" de l'environnement de radio Userland. Et voilà !, l'affaire est entendue.
Pour m'exercer à ce jeu d'écriture, j'ai mis la page de description de la syntaxe de markdown [4] à droite de mon écran et un éditeur de commandes mardown [5], écrit en javascript, à gauche...le simple de jeu du copier/coller d'une page à l'autre me permet les exercices divers, en temps réel.
Voici quelques petits exercices:
Ce que j'écris dans la fenêtre d'édition des messages de Radio Userland:
### 1) indentation de texte
> premier niveau de texte indenté
>
> > second niveau.
>
> retour au premier niveau.
***ce qui est édité sur le web:***
> premier niveau de texte indenté
>
> > second niveau.
>
> retour au premier niveau.
***
### 2) balises
# la balise H1
###### la balise H6
***ce qui est édité sur le web:***
# la balise H1
###### la balise H6
***
### 3) paragraphes
Le formatage simplifié de deux paragraphes, avec indentation:
> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.
***ce qui est édité sur le web:***
Le formatage simplifié de deux paragraphes, avec indentation:
> Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.
***
### 4) liste
> ## ceci est un titre.
>
> 1. premier élément de liste.
> 2. second élément de liste.
***ce qui est édité sur le web:***
> ## ceci est un titre.
>
> 1. premier élément de liste.
> 2. second élément de liste.
Une simple liste:
* Red
* Green
* Blue
***ce qui est édité sur le web:***
* Red
* Green
* Blue
***
### 5) Formater un lien
Ceci est [un exemple](http://example.com/ "Titre") de lien.
[Ce lien](http://example.net/) n'a pas d'argument "title".
***ce qui est édité sur le web:***
Ceci est [un exemple](http://example.com/ "Titre") de lien.
[Ce lien](http://example.net/) n'a pas d'argument "title".
***
### 6) Utiliser un style de texte
un *style* de texte
un **autre style** de texte
un ***troisième style*** de texte
***ce qui est édité sur le web:***
un *style* de texte
un **autre style** de texte
un ***troisième style*** de texte
***
etc... etc... etc...
***
[1] http://www.activerenderer.com/
[2] http://radio.weblogs.com/0001017/
[3] http://daringfireball.net/
[4] http://daringfireball.net/projects/markdown/syntax
[5] http://rephrase.net/box/js-markdown/thingy/
2:16:01 PM  Technorati Cosmos
|
