CIP-IdF/Commune Libre d'Aligre : 3 rue d'Aligre-75012-Paris / Tél: 0140345974 Contact Plan


Suivez la CIP

             

Abonnement liste infos

Abonnement liste de discussions et débats

L'essentiel

 

recherche :

Accueil  >  Commissions  >  Internet  >  Barre d’outils pour le rédacteur : Tout couleurs, caractères spéciaux, bloc ..

Barre d’outils pour le rédacteur : Tout couleurs, caractères spéciaux, bloc ..

Publié, le vendredi 11 février 2011 | Imprimer Imprimer |
Dernière modification : lundi 14 février 2011


Principes de base :

Le principe de base pour se servir de la barre d’outils pour le rédacteur est de sur-ligner le texte à surcharger et de choisir la surcharge voulue dans la barre d’outils.
Mais on peut aussi entrer la balise entrante et fermante manuellement quand on connaît le raccourci, par exemple pour les couleurs :
- Dans la barre « T » = Choix d’une couleur pour le texte, « F » = Choix d’une couleur de fond ( à noter, qu’il faut toujours écrire les balises en minuscule )

Exemple : - Fond bleu - Texte blanc -,
s’écrira comme ceci =
[fond bleu][blanc]- Fond bleu - Texte blanc -[/blanc][/fond bleu].
Voir des exemples listés ci-dessous

- Attention ne pas oublier de « Se déconnecter » après avoir fini l’écriture de votre article
( en bas de page .. ) et de ne pas Activer le « Cookie de Correspondance », si vous n’êtes pas sur votre ordinateur personnel.


Barre d’outils pour les rédacteurs :

JPEG - 9.8 ko
Barre d’outils pour le rédacteur ..

- 1) Premier outil - Transformer en inter-titre ( 3 accolades ) :

Transformer en inter-titre

- 2) « B » - Mettre en gras ( 2 accolades ) : Mettre en gras

- 3) « I » - Mettre en italique ( 1 accolade ) : Mettre en italique

- 4) « T » - Colorer le texte ( noir - blanc - bleu - violet - bordeaux - vert - gris - grisclaire - jaune - or - rouge )

- 5) « F » - Colorer le fond ( fond noir - fond blanc - fond bleu - fond violet - fond bordeaux - fond vert - fond gris - fond grisclaire - fond jaune - fond or - fond rouge )

- 6) Appliquer au texte une décoration ( Petite Capitale, Sous-ligner, Barrer, Sur-ligner )

- 7) Mettre en liste ( mettre en liste numérotée [ « -# » ], indenter une liste [ ex raccourci, une puce en retrait, etc .. : «  -*  », «  -**  » ], désindenter une liste ) :

  1. Une poire listée
  2. Une pomme listée
  3. La précarité et les contrôles sont les mamelles du libéralisme ..
  • Une poire indentée
    • Une poire indentée de second niveau ( texte sur-lignée, l’outil a été cliqué 2 fois de suite .. )
      • Une poire indentée de troisième niveau ( texte sur-lignée, l’outil a été cliqué 3 fois de suite .. )
JPEG - 9.8 ko
Barre d’outils pour le rédacteur ..

- 8) Transformer en lien hypertexte [Nom_du_lien->Adresse], et raccourcis .. :
( [->art5517] - [->rub52] - [->mot2] - [->site81] - [AgC 3075->spip.php?site81], etc ... ) :

- 9) Transformer en note de bas de page (

[[
- ma note ]]

, à noter que personnellement après les deux crochets je vais à la ligne :
- 1) On se repère plus facilement les notes surtout quand le texte est long à l’écriture de l’article,
- 2) En allant à la ligne le tiret est pris en compte et met le repère bordeaux ce qui distingue mieux les différentes notes, notamment quand il y en a quelques unes .. [1] )

- 10) Citer un message ( Balise <quote>Citer un message</quote> ) :

Citer un message

- 11) Entourer de guillemets : « Entourer de guillemets »

- 12) Entourer de guillemets de second niveau : Entourer de “guillemets de second niveau”

- 13) Caractères spéciaux : À, É, È, æ, Æ, œ, Œ, Ç, PASSER EN MAJUSCULE, passer en minuscule

- 14) Éditer : cadre dans lequel vous écrivez votre article

JPEG - 9.8 ko
Barre d’outils pour le rédacteur ..

- 15) Voir : toujours dans ce même cadre d’écriture, vous pouvez avoir une prévisualisation d’une parti du résultat ..

  • A noter qu’après avoir enregistré votre article, vous pouvez quand celui-ci est « proposé à l’évaluation » voir avec « Prévisualisation » en pleine page exactement comme si celle-ci était déjà publiée :
    Les sons et vidéos sont Actives,
    les liens vers d’autres pages du site ou vers d’autres pages ancrées du site et liens vers d’autres sites, les notes internes à la page, les liens internes vers une ancre sous cette forme [->#VersMonAncre] sont Actifs,
    le placement du texte et des images est Actif,
    on peut Actualiser la page, mais on ne peut pas Recalculer la page qui retourne dans ce cas une ERREUR 404 ( erreur 404 ).

- 16) Utiliser un outil Couteau suisse ( Insérer un bloc replié, Insérer un bloc déplié )


Retour aux Principes de base

D’autres exemples listés :

- Exemple de lien ouvrant : http://g.colin.free.fr/spip/spip.ph...

- Exemple : - Fond Noir - Texte blanc -

  • Balise [fond noir][blanc]- Fond Noir - Texte blanc -[/blanc][/fond noir]

- Exemple : - Texte bleu gras -

- Exemple : - Texte violet gras -

- Exemple : - Texte bordeaux gras -

- Exemple : - Texte vert gras -

- Exemple : - Texte gris gras -

- Exemple : - Fond grisclair -

- Exemple : - Fond jaune -

- Exemple : - Fond or -

- Exemple : - Texte rouge gras -

- Exemple : - Texte en minuscule transformé en Petite capitale -

- Exemple : - Texte sous-ligné -

- Exemple : - Texte barré -

- Exemple : - Texte surligné -

- Exemple : - Texte surligné et sous-ligné -

- Exemple :

- Un titre ( bloc replié, cliquez sur le lien pour le déplier .. )

Placez votre texte ici .. : Ce bloc est replié quand la page est chargée ...

 

JPEG - 68.1 ko
La dictature c’est ferme ta gueule et la démocratie c’est cause toujours
La dictature c’est ferme ta gueule et la démocratie c’est cause toujours ( 68.1 ko )

- Exemple :

Un titre ( bloc déplié, cliquez sur ce lien pour le replier .. )

Placez votre texte ici .. : Ce bloc est déplié quand la page est chargée ...

 

JPEG - 68.1 ko
La dictature c’est ferme ta gueule et la démocratie c’est cause toujours
La dictature c’est ferme ta gueule et la démocratie c’est cause toujours ( 68.1 ko )

Retour au menu - 15)-Voir

Prévisualisation d’un article avant publication ( Article proposé à la publication ) : Ci-dessous voici une image d’une page non publiée, mais le rendu est l’exacte copie qui sera vue par le public, une seule différence le mot « Prévisualisation » en haut à gauche.

Image d'une fenêtre prévisualisée


Articles connexes :

- Intégration d’une bande son ou vidéo automatiquement .. pour les rédacteurs

- Spip : Intégration d’une bande son ou vidéo automatique avec le plugin Lecteur_multimedia ..



Notes :

[1]
- Ceci est une note de bas de page



Retour en haut de page

 

Retour en haut de page

Commissions | Compte-rendus | Communiqués | Actions ! | Photos, sons, vidéos
Textes officiels | Nouveau modèle | Coordination nationale | Liens | Archives
Accueil | Plan du site | Contact
- - - - - - - - - - - - - - - - - - - -
SPIP | squelette | | Suivre la vie du site RSS 2.0