BBCode est l'abréviation de Bulletin Board Code, inventé à travers le langage PHP pour éviter les injections HTML et SQL, utilisé pour mettre en forme les messages de forums de discussion. Par abus de langage, les éléments du BBCode sont appelés balises. Le nom d'une balise est délimité par les crochets [ et ], contrairement au HTML où les caractères < et > sont utilisés. Certaines balises ont une propriété, aussi appelée attribut, dont la valeur est assignée à la balise elle-même à l'aide du symbole =.
Notepad++ (disponible sur http://notepad-plus-plus.org/fr/ ) ne prend pas en charge le BBCode.
Comme je n'ai rien trouver sur internet pour avoir des couleurs de BBCode pour Notepad++, j'ai fait une configuration particulière pour les avoir.
Je mets à disposition cette methode car elle sera utile pour tout ceux qui font du BBcode pour les forums.
Voici en image ce que ça donne (Chacun peut choisir comme il veut les couleurs de son choix en modifiant le fichier "userDefineLang.xml"):
Ce fichier est à placer dans "C:\Documents and Settings\"nom d'utilisateur"\Application Data\Notepad++" (pour windows XP)
ou dans "C:\Users\"nom d'utilisateur"\AppData\Roaming\Notepad++" (pour vista et seven):
|
<NotepadPlus> <UserLang name="BBCode" ext="txt"> <Settings> <Global caseIgnored="yes" /> <TreatAsSymbol comment="no" commentLine="no" /> <Prefix words1="no" words2="no" words3="no" words4="no" /> </Settings> <KeywordLists> <Keywords name="Delimiters">000000</Keywords> <Keywords name="Folder+"></Keywords> <Keywords name="Folder-"></Keywords> <Keywords name="Operators"> [ ] = </Keywords> <Keywords name="Comment"></Keywords> <Keywords name="Words1">b /b i /i u /u s /s strike /strike font /font size /size color /color flipv /flipv blur /blur hr /hr fade /fade code /code small /small tiny /tiny indent /indent highlight /highlight process /process var /var</Keywords> <Keywords name="Words2">url /url img /img youtube /youtube gvideo /gvideo email /email sql /sql html /html php /php google /google thread /thread video /video jira /jira vb4j /vb4j screencast /screencast hide /hide hide3 /hide3 audio /audio</Keywords> <Keywords name="Words3">right /right left /left center /center justify /justify scroll /scroll updown /updown table /table tr /tr td /td th /th</Keywords> <Keywords name="Words4">quote /quote spoiler /spoiler hide /hide embed-flash /embed-flash flash /flash list /list li /li sub /sub sup /sup snapback /snapback topic /topic post /post codebox /codebox acronyme /acronyme title /title attach /attach bug /bug note /note warning /warning tex /tex</Keywords> </KeywordLists> <Styles> <WordsStyle name="DEFAULT" styleID="11" fgColor="3333FF" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="FOLDEROPEN" styleID="12" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="FOLDERCLOSE" styleID="13" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="KEYWORD1" styleID="5" fgColor="FF0000" bgColor="7BF9F4" fontName="" fontStyle="1" fontSize="" /> <WordsStyle name="KEYWORD2" styleID="6" fgColor="FF0000" bgColor="A5FBA1" fontName="" fontStyle="1" fontSize="" /> <WordsStyle name="KEYWORD3" styleID="7" fgColor="FF0000" bgColor="FFFF00" fontName="" fontStyle="1" fontSize="" /> <WordsStyle name="KEYWORD4" styleID="8" fgColor="FF0000" bgColor="D8D8D8" fontName="" fontStyle="1" fontSize="" /> <WordsStyle name="COMMENT" styleID="1" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="COMMENT LINE" styleID="2" fgColor="FF8040" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="NUMBER" styleID="4" fgColor="3333FF" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="OPERATOR" styleID="10" fgColor="ff0000" bgColor="FFFFFF" fontName="" fontStyle="1" fontSize="" /> <WordsStyle name="DELIMINER1" styleID="14" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="DELIMINER2" styleID="15" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> <WordsStyle name="DELIMINER3" styleID="16" fgColor="000000" bgColor="FFFFFF" fontName="" fontStyle="0" fontSize="" /> </Styles> </UserLang> </NotepadPlus> |
styleID="5" = ???? pas encore trouvé exactement à quoi ça correspond (par exemple pour les keyword, c'est de 5 à 8, sinon ça ne marche pas).
fgColor="000000" = couleur du texte
bgColor="FFFFFF" = couleur remplissage
fontStyle="0" = texte normal
fontStyle="1" = texte gras
fontStyle="2" = texte italique
fontStyle="3" = texte gras italique
fontStyle="4" = texte normal souligné
fontStyle="5" = texte gras souligné
fontStyle="6" = texte italique souligné
fontStyle="7" = texte gras italique souligné
fontSize="" = 1 à l'infini (ne rien mettre pour laisser par défaut)
Les balises BBCode les plus courantes sont les suivantes :
Texte en gras : [b]Texte[/b]
Texte en italique : [i]Texte[/i]
Texte souligné : [u]Texte[/u]
Texte barré : [s]Texte[/s] ou aussi [strike]Texte[/strike]
Texte colorié en rouge : [color=red]Texte[/color]
Police du texte : [font=Arial]Texte[font]
Lien hypertexte : [url]URL du lien[/url] ou [url=URL du lien]Titre du lien[/url]
Image : [img]URL de l'image[/img]
Lien hypertexte et image : [url=URL du lien][img]Url de l'image[/img][/url]
Il est aussi possible de rencontrer :
Texte cité : [quote="Untel"]Texte cité de Untel[/quote] ; On trouve aussi [quote]Texte mis en valeur/cité[/quote]
Texte de taille différente : [size=9]PETIT[/size]
Texte de couleur : [color=code hexadécimal correspondant à une couleur]texte[/color]
Texte aligné à droite : [right]Texte[/right]
Texte aligné à gauche : [left]Texte[/left]
Texte centré : [center]Texte[/center]
Texte justifié : [justify]Texte[/justify]
Texte défilant : [scroll]Texte[/scroll]
Texte remontant [updown]Texte[/updown]
Texte avec effet miroir : [flipv]Texte[/flipv]
Texte avec un effet sale : [blur]Texte[/blur]
Texte inséré sous une ligne Texte[hr]Texte
Texte caché apparaissant quand on clique sur « Spoiler » : [spoiler]Texte[/spoiler]
Texte caché apparaissant quand on clique sur une phrase ou un mot : [hide="Titre du spoiler"]Texte[/hide]
Animation flash : [embed-flash(width,height)]animation flash[/embed-flash]
Texte avec un effet dégradé de couleur : [fade]Texte[/fade] (avec javascript)
Liste :
(utilisez le saut de ligne pour passer au deuxième point) : [list]première phrase puis saut de ligne pour changer[/list]
Pour des listes simples (utilisez des astérisques entre des accolades pour passer d'une ligne à l'autre) : [list] [*]Première phrase[*]Deuxième phrase[/list]
Pour des listes aux lignes numérotées (utilisez des astérisques entre des accolades pour passer d'une ligne à l'autre) : [list=1] [*]Première phrase [*]Deuxième phrase[/list]
Pour des listes aux lignes numérotées alphabétiquement (utilisez des astérisques entre des accolades pour passer d'une ligne à l'autre) : [list=a] [*]Première phrase [*]Deuxième phrase[/list]
Indice : Texte[sub]Indice[/sub]
Exposant : Texte[sup]Exposant[/sup]
On peut aussi faire des combinaisons de "balises" BBCode :
Texte défilant en diagonale: [updown][scroll]Texte[/scroll][/updown]
Attention cependant !
L'enchaînement [scroll][updown]Texte[/scroll][/updown] n'est pas bon car les balises sont alternées (principe identique au HTML).
Autre BBCode: audio email flash highlight html indent post thread, etc.....
Codes Couleurs:
By Fredcrash
