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

1036 vues
12 juillet 2020 √† 18:58 (√Čdit√©)
Cette pub permet au site de vivre ...