WordsMatter | Utiliser l'Application

Sommaire

Installation

Cette documentation traite exclusivement de l'utilisation de l'Application WordsMatter. Pour savoir comment installer et configurer l'Application et l'API WordsMatter, consulter le post "Créer un blog écoresponsable avec WordsMatter" (fr) publié par Awebsome ou le README technique du dépôt GitHub (fr).

Interface utilisateur

L'interface utilisateur de l'Application WordsMatter est divisée en deux zones.

La partie supérieure de l'écran est l'espace de prévisualisation, la partie inférieure, l'espace de rédaction.
Rédiger depuis l'espace de rédaction ; l'espace de prévisualisation livre, en temps réel, un aperçu de la mise en forme générée.

Le menu principal est accessible depuis le coin supérieur droit de l'écran avec le bouton Menu.

Dans le coin opposé, l'indicateur de connexion Indicateur de connexion à l'API précise si l'Application a pu se connecter ou non à son API au lancement.

Syntaxe

WordsMatter reprend certains codes de Markdown et apporte ses propres subtilités.
Les exemples ci-dessous détaillent la syntaxe à respecter et montrent le rendu par défaut propre à chaque mise en forme.

Titre du post

Renseigner le champ textuel dont le label est "Titre du post (h1)".

Requis pour la mise en ligne sur le blog.

Titre de section

Renseigner le champ textuel supérieur à chaque section dont le label est "Titre de section (h2)".

Sous-titre de section

Boutons "h3" / "h4" / "h5" / "h6", ou texte à transformer, en début de ligne, immédiatement précédé du niveau de titre souhaité et d'un tiret bas.

3_titre h3
4_titre h4
5_titre h5
6_titre h6

titre h3

titre h4

titre h5
titre h6

Nouveau paragraphe

Presser la touche [Enter] une fois.

Retour à la ligne

Taper deux espaces en fin de ligne...
...Avant de presser la touche [Enter] une fois.

Texte important

Bouton "str", ou texte à transformer immédiatement précédé et suivi de deux tirets bas.

__texte important__

texte important

Texte avec emphase

Bouton "em", ou texte à transformer immédiatement précédé et suivi d'un tiret bas.

_texte avec emphase_

texte avec emphase

Liste ordonnée

Bouton "ol" (où chaque nouvelle ligne fait office de délimiteur), ou texte à transformer précédé de deux tirets bas et d'un espace en début de ligne.

__ élément n°1
__ élément n°2
__ ...

  1. élément n°1
  2. élément n°2
  3. ...

Liste non ordonnée

Bouton "ul" (où chaque nouvelle ligne fait office de délimiteur), ou texte à transformer précédé d'un tiret bas et d'un espace en début de ligne.

_ élément n°1
_ élément n°2
_ ...

  • élément n°1
  • élément n°2
  • ...

Lien hypertexte

Bouton "a", ou texte à transformer, d'abord entre crochets pour le libellé, puis immédiatement entre parenthèses pour le lien.

[Libellé du lien](https://domaine-cible.fr)

Libellé du lien

Image

Bouton "img", ou texte à transformer précédé d'un point d'exclamation, alternative de l'image entre crochets, lien entre parenthèses.

![logo WordsMatter](./img/words-matter-logo-100px.png)

logo WordsMatter

Image avec légende

Bouton "fig", ou texte à transformer précédé d'un point d'exclamation, alternative et légende de l'image entre crochets et délimitées par un séparateur vertical, lien entre parenthèses.

![logo WordsMatter|Le logo du projet WordsMatter](./img/words-matter-logo-100px.png)

logo WordsMatter
Le logo du projet WordsMatter

Tiret bas

Le tiret bas (_) est considéré comme spécial. Précédé d'un antislash, il peut toutefois s'utiliser en tant que tel.

\_nom\_de\_fichier

nom_de_fichier

Dans le cas contraire, il peut être interprété et donner lieu à des résultat inattendus.

\_nom_de_fichier

nomdefichier