Utilisation des balises de l'éditeur de texte

Bonjour à tous 😉


Aujourd'hui, l'équipe du site a décidé de rédiger pour vous ce topic concernant l'utilisation des balises de l'éditeur de texte mises à disposition lorsque vous voulez rédiger votre topic 😉

Cela sera pratique pour vous et vous permettra d'éviter les blocages de topics, car, oui, l'utilisation des balises est indispensables, comme décrit dans les règles du forum 😉

On ne vous demande pas d'utiliser toutes les balises ! On vous demande simplement de les utiliser au bon moment 😉


Présentation :


Voici donc la zone de texte pour saisir votre texte avec les différentes balises et les différentes catégories d'émojis :



Les balises :


La 1ère balise que vous pouvez apercevoir est la balise [GRAS] représenter par un "B" en gras


Elle permet de mettre en gras votre texte comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale


La 2ème balise est la balise [ITALIQUE] représenter par un "I" en italique


Elle permet de mettre en italique votre texte comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale


La 3ème balise est la balise [SOULIGN] représenter par un "U" souligné


Elle permet de souligner votre texte comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale


La 4ème balise est la balise [BARRE] représenter par un "S" barré


Elle permet de barrer votre texte comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale


La 5ème balise est la balise [CITATION] représenter par des quotes


Elle permet de citer tout simplement du texte comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de copier la phrase ou le texte à citer, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre le texte à la normale

Pour sortir du mode d'édition de citation, appuyez 2 fois sur la touche "Entrée" de votre clavier


La 6ème balise est la balise [CODE], représenter par le symbole inférieur et supérieur ainsi que "slash" entre les deux, elle est la plus utilisé sur les forums de programmation et de développement web


Elle permet de mettre en forme du code, en appliquant une coloration syntaxique comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de cliquer sur cette balise et de coller votre code à l'intérieur de celle-ci

Pour quitter l'édition de la mise en forme, à la fin de votre code, appuyer sur la touche "Entrée" de votre clavier et recliquer à nouveau sur cette balise

Laisser un espace entre la mise en forme de votre code et de votre texte pour plus de lisibilité


La 7ème balise est la balise [ERROR], représenter par le symbole inférieur et supérieur ainsi que "slash" entre les deux (à ne pas confondre avec la balise [CODE])


Elle permet de mettre en forme les messages d'erreur que vous rencontrez lorsque vous êtes en développement comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale


La 8ème balise est la balise [PUCE], représenter par 3 traits horizontaux avec des chiffres


Elle permet de citer par exemple des étapes que vous auriez réaliser lors de votre problème comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale

Pour sortir du mode de l'édition, il suffit de réappuyer sur la touche "Entrée" ou d'appuyer sur la touche "Retour arrière"


La 9ème balise est aussi la balise [PUCE] mais cette-fois ci elle est représenter par 3 traits horizontaux mais avec des points


Elle reprend le même rôle que la précédente comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Recliquer à nouveau sur cette balise pour remettre votre texte à la normale

Pour sortir du mode de l'édition, il suffit de réappuyer sur la touche "Entrée" ou d'appuyer sur la touche "Retour arrière"


La 10ème balise est la balise [LIEN], représenter par une chaîne


Elle permet de transformer votre texte en un lien cliquable (cela permet d'éviter de mettre des longs liens avec pleins de caractères spéciaux) comme sur l'image ci-dessous :



Pour l'utiliser, il suffit de rédiger votre phrase ou votre texte, de le sélectionner et ensuite de cliquer sur cette balise

Ensuite vous serez amener à insérer le lien cible et de cliquer sur "Save"

Une fois cela fait, votre texte est souligné et est devenu bleu, ce qui signifie que votre texte est devenu cliquable

Pour supprimer le lien, il suffit de cliquer sur votre texte cliquable (en mode édition) et de cliquer sur "Remove"

"Edit" permet d'éditer le lien


La 11ème balise est la balise [IMG], représenter par un portrait d'un paysage


Elle permet d'insérer une image dans votre commentaire tout en affichant celle-ci comme sur l'image ci-dessous :



Pour l'utiliser, il faut d'abord héberger votre image sur GooPics, ensuite copier le lien direct qui vient d'être générer

Cliquer sur la balise et insérer le lien dans la zone de saisi puis valider

En quelques minutes (selon votre connexion et le poids de l'image) elle apparait en mode édition

En mode édition, vous pouvez la redimensionner comme bon vous semble en effectuant un clic sur celle-ci

Pour supprimer l'image, il suffit de cliquer sur celle-ci et d'appuyer sur la touche "Suppr" de votre clavier


La 12ème balise est la balise [ALIGN], représenter par des traits horizontaux


Elle permet d'aligner votre texte à gauche, au centre, à droite ou le justifié comme sur l'image ci-dessous :



Pour remettre la disposition de votre texte à la normale, il suffit de le positionner sur la gauche


La 13ème balise est la balise [ANNUL], représenter par un "T" en italique, souligné avec une croix


Elle permet d'annuler toutes mises en forme de chaque balises


Enfin, vous pouvez ajouter des emojis en cliquant sur les différentes catégories d'émojis pour personnaliser encore plus votre message mais cela n'est pas obligatoire 😉

En espérant que ce tutoriel vous ai aidé, vous n'aurez plus de problèmes de blocages de topics si vous arrivez à maîtrisez les différentes balises 😀

Ce tutoriel peut toutefois être mis à jour si jamais de nouvelles balises sont ajoutées, passez donc de temps en temps pour voir les modifications effectuées 😉


Bonne continuation sur Sitedudev ! 😉


Dernière mise à jour : 12/07/2020

Cette pub permet au site de vivre ...