Coloration Syntaxique Notepad++ pour BBcode

Bricox · Message par **Bricox** » 18 nov. 2024 15:11

J'ai cherché dans les sujets du forum "Coloration Syntaxique" et j'ai trouvé :

[Thomson] Coloration Syntaxique Notepad++ pour Basic 512 : sujet spécifique.
Coloration Syntaxique : sujet généraliste resté sans réponse.

Donc, je crée mon sujet dédié qui est spécifique à Notepad++ et généraliste, car BBcode est le langage textuel de notre Forum.

C'est un préambule aux futures créations de tutos dédiés à la publication sur notre forum.
Avec cette option, il me semble que les tutos seront plus digestes ...

Je vais illustrer cette option par 2 exemples :

Un tableau de palette de couleurs :

N Color	Color	Grey	R27	V27	B27	R8	V8	B8
1	____	____	0,00	0,00	0,00	0	0	0
10	____	____	1,85	0,00	0,00	1	0	0
11	____	____	0,00	1,45	0,65	0	1	0
12	____	____	0,00	0,50	1,80	0	0	1
17	____	____	1,70	0,00	1,65	1	0	1
18	____	____	0,00	1,73	1,80	0	1	1
21	____	____	2,00	2,00	0,20	1	1	0
27	____	____	2,00	2,00	2,00	1	1	1

Le BBcode au standard de notre Forum :

Code : Tout sélectionner

[table][tr][td][COLOR=#0000FF][B]N Color[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]Color[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]Grey[/B][/COLOR][/td]
[td][COLOR=#FF0000][B]R27[/B][/COLOR][/td]
[td][COLOR=#00B050][B]V27[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]B27[/B][/COLOR][/td]
[td][/td]
[td][COLOR=#FF0000][B]R8[/B][/COLOR][/td]
[td][COLOR=#00B050][B]V8[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]B8[/B][/COLOR][/td]
[/tr]
[tr][td][B]1[/B][/td]
[td][BGCOLOR=#000000][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#000000][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td]0,00[/td]
[td]0,00[/td]
[td]0,00[/td]
[td][/td]
[td]0[/td]
[td]0[/td]
[td]0[/td]
[/tr]
[tr][td][B]10[/B][/td]
[td][BGCOLOR=#EC0000][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#575757][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][color=#FF0000]1,85[/color][/td]
[td]0,00[/td]
[td]0,00[/td]
[td][/td]
[td][color=#FF0000]1[/color][/td]
[td]0[/td]
[td]0[/td]
[/tr]
[tr][td][B]11[/B][/td]
[td][BGCOLOR=#00B952][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#636363][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td]0,00[/td]
[td][color=#00BF00]1,45[/color][/td]
[td]0,65[/td]
[td][/td]
[td]0[/td]
[td][color=#00BF00]1[/color][/td]
[td]0[/td]
[/tr]
[tr][td][B]12[/B][/td]
[td][BGCOLOR=#003FE5][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#636363][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td]0,00[/td]
[td]0,50[/td]
[td][color=#0000FF]1,80[/color][/td]
[td][/td]
[td]0[/td]
[td]0[/td]
[td][color=#0000FF]1[/color][/td]
[/tr]
[tr][td][B]17[/B][/td]
[td][BGCOLOR=#D900D2][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#9D9D9D][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][color=#FF0000]1,70[/color][/td]
[td]0,00[/td]
[td][color=#0000FF]1,65[/color][/td]
[td][/td]
[td][color=#FF0000]1[/color][/td]
[td]0[/td]
[td][color=#0000FF]1[/color][/td]
[/tr]
[tr][td][B]18[/B][/td]
[td][BGCOLOR=#00D9E5][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#A5A5A5][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td]0,00[/td]
[td][color=#00BF00]1,73[/color][/td]
[td][color=#0000FF]1,80[/color][/td]
[td][/td]
[td]0[/td]
[td][color=#00BF00]1[/color][/td]
[td][color=#0000FF]1[/color][/td]
[/tr]
[tr][td][B]21[/B][/td]
[td][BGCOLOR=#FFFF19][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][BGCOLOR=#C6C6C6][COLOR=#0D0D0D]____[/COLOR][/BGCOLOR][/td]
[td][color=#FF0000]2,00[/color][/td]
[td][color=#00BF00]2,00[/color][/td]
[td]0,20[/td]
[td][/td]
[td][color=#FF0000]1[/color][/td]
[td][color=#00BF00]1[/color][/td]
[td]0[/td]
[/tr]
[tr][td][B]27[/B][/td]
[td][BGCOLOR=#FFFFFF][COLOR=#0D0D0D]____[/COLOR][/td]
[td][BGCOLOR=#FFFFFF][COLOR=#0D0D0D]____[/COLOR][/td]
[td][color=#FF0000]2,00[/color][/td]
[td][color=#00BF00]2,00[/color][/td]
[td][color=#0000FF]2,00[/color][/td]
[td][/td]
[td][color=#FF0000]1[/color][/td]
[td][color=#00BF00]1[/color][/td]
[td][color=#0000FF]1[/color][/td]
[/tr]
[/table]

Le même BBcode colorisé par Notepad++ :

: colSyntBBCTableau.png (142.46 Kio) Consulté 2041 fois

.

Un sommaire d'un sujet de ce Forum :

Une visu partielle du sommaire :

: colSyntSommaire.png (205.66 Kio) Consulté 1984 fois

Le BBcode au standard de notre Forum :

Code : Tout sélectionner

[color=#0000FF][b][size=150]Sommaire :[/size][/b] (sa mise à jour est permanente, merci d'apporter votre pierre à l'édifice ...  :D )[/color]
[list=1][*][color=#0000FF]Etat de l'art :[/color]
	[list=a][*][color=#800080]La théorie :[/color]
		[list=i][*]Le BitBanging DVI 
			RP2040 : PIO0 et ses 3 SMs
			[*][url=https://forum.system-cfg.com/viewtopic.php?p=258998#p258998]Comparatif par rapport à la concurrence[/url]
	[/list][*][color=#800080]Les calculateurs vidéos :[/color]
		[list=i][*]Vidéo Timing Calculator
			[url=https://forum.system-cfg.com/viewtopic.php?p=259527#p259527]Début de discussion[/url]
			[url=https://tomverbeure.github.io/video_timings_calculator]Calculateur générique[/url]
			[url=https://forum.system-cfg.com/viewtopic.php?p=259526#p259526]Un exemple : RT4K pour Sharp MZ-700[/url]
			[*]Titre 1.b.ii
	[/list][*][color=#800080]Les boitiers de traitements vidéos pour rétro-ordis:[/color]
		[list=i][*]RetroTink
			[url=https://forum.system-cfg.com/viewtopic.php?p=259137#p259137]Incrustation du RT4K[/url] et [url=https://guspaz.github.io/video_timings_calculator]son calculateur[/url]
			Autres modèles de la marque
			[*][url=https://junkerhq.net/xrgb/index.php?title=OSSC#Pre-assembled_board]Open Source Scan Converter[/url]
			[*]Autres marques
	[/list][*][color=#800080]La métrologie temporelle :[/color]
		[list=i][*] Analyseur Logique
			[url=https://forum.system-cfg.com/viewtopic.php?p=259557#p259557]Acquisitions avec le LA1010 sur Sharp MZ-700[/url]
			[url=https://forum.system-cfg.com/viewtopic.php?p=259739#p259739]Traitements avec le LA1010 sur Sharp MZ-700[/url]
			[url=https://forum.system-cfg.com/viewtopic.php?p=259739#p259739]Comparatif de 2 traitements : Python/Excel+VBa[/url]
			[*]Avec Pico RP2040
[/list][/list][*][color=#0000FF]Liste des projets du Web : [/color][url=https://zuzebox.wordpress.com/2023/12/31/raspberry-pi-pico-rp2040-retro-vintage-home-computer-emulation/]Site d'aggrégations de projets, par machines, MàJ déc.23[/url]
	[list=a][*][color=#800080]Sorties DVI/HDMI[/color]
		[list=i][*]Les références :
			La référence : [url=https://github.com/Wren6991/PicoDVI]Wren PicoDvi[/url]
			Un Fork : [url=https://github.com/adafruit/PicoDVI/tree/master]Adafruit PicoDvi, GFX compatibility[/url]
			[*]Les curiosités :
			[url=https://hackaday.io/project/191880/logs?sort=oldest]TMS9918A/DVI, Hackaday[/url]
	[/list][*][color=#800080]Sorties VGA[/color]
		[list=i][*]Les références :
			[*]Les curiosités :
[/list][/list][*][color=#0000FF]Prospective et concepts innovants :[/color]	
	[list=a][*][color=#800080]Color blending :[/color]
		[list=i][*][url=https://forum.system-cfg.com/viewtopic.php?p=167616#p167616]Exemple Sharp MZ700/800[/url]
			[url=https://forum.system-cfg.com/viewtopic.php?p=259943#p259943]RP2040 : PIO1 et ses 2 SMs[/url]
			[url=https://forum.system-cfg.com/viewtopic.php?p=259982#p259982]RP2040 : Programmation des SMs[/url]
			[*]Continuité des nuances de gris :
			[url=https://forum.system-cfg.com/viewtopic.php?p=259465#p259465]Les fonctions Gamma[/url]
	[/list][*][color=#800080]Palette unique universelle :[/color]
		[list=i][*][url=https://forum.system-cfg.com/viewtopic.php?p=259399#p259399]RVB111 standard[/url]
			[*][url=https://forum.system-cfg.com/viewtopic.php?p=259212#p259212]IRVB1111 standard[/url]
			[*][url=https://forum.system-cfg.com/viewtopic.php?p=259482#p259482]RVB111 blended[/url]
			[*][url=https://forum.system-cfg.com/viewtopic.php?p=259198#p259198]IRVB1111 blended[/url]
	[/list][*][color=#800080]Palettes dynamiques :[/color]
		[list=i][*]Types de commutation :
	[/list][*][color=#800080]Scanline :[/color]
		[list=i][*]Concept : Simuler l'inter-espace de lignes, des écrans cathodiques.
			[*]Boitier du commerce :
			[url=https://www.youtube.com/watch?v=uz6dEmDdHB8]Vidéo du McBazel[/url]
			[*]Intégration dans le Pico :
	[/list][*][color=#800080]Fichiers Log :[/color]
		[list=i][*]Concept : Permet d'extraire des informations ou de mettre au point les traitements numériques.
			[*]Types de déclenchements :
			[*]Liste des informations :
			[url=https://forum.system-cfg.com/viewtopic.php?p=259522#p259522]Mesures des durées[/url]
	[/list][*][color=#800080]Fichiers Images :[/color]
		[list=i][*]Concept : Permet d'illuster des projets ou de mettre au point les traitements graphiques.
			[*]Liste des fonctionnalités :
			[*]Les format d'images : Bmp, Png, Tiff
			[*]1ers essais :
	[/list][*][color=#800080]Déclenchement par lignes vidéos, hors images :[/color]
		[list=i][*]Concept : Permet de passer des commandes.
			[url=https://forum.system-cfg.com/viewtopic.php?p=259488#p259488]Début de discussion[/url]
			[*]Liste des fonctionnalités :
			[*]1ers essais :
[/list][/list][/list]

Une visu partielle colorée, par Notepad++, de ce même code :

: colSyntBBCsommaire.png (336.47 Kio) Consulté 1984 fois

Ceci est rendu possible par l'ajout d'un fichier XML dans Notepad++ :

Récupération d'un exemple écrit en XML.
Adaptation à la colorisation qui me convient.
Ajout de commentaires pour que chacun puisse l'adapter à son gout.
Copie de ce fichier "BBCode.userDefinedLanguage.xml" dans "C:\Users\nomDuUser\AppData\Roaming\Notepad++\userDefineLangs\"
Téléchargement :

BBCode.userDefinedLanguage.zip

(1.32 Kio) Téléchargé 16 fois

Pour vous, seules les étapes 4 et 5 doivent être réalisées ...

Message par **fneck** » 18 nov. 2024 19:08

Attention tout de même, trop de couleur devient vite pénible à lire.

Bricox · Message par **Bricox** » 18 nov. 2024 21:52

J'ai mis des teintes plus neutres ...

Bricox · Message par **Bricox** » 18 janv. 2025 16:54

Je viens de développer un module de conversion de la colorisation syntaxique de Notepad++ vers le BBcode de notre Forum.
Mon 1er test est appliqué à un source BBcode colorisé par Notepad++ puis converti.
J'hérite ainsi de la colorisation syntaxique pour publier des tutos de vulgarisation.
La publication dans un tableau de 2 colonnes me permet d'ajouter des commentaires.

Détail technique : La colorisation permet d'interdire l'interprétation du BBcode mais aussi de faire un simple Copier/Coller pour réutiliser le code.
(sauf pour l'émoticône qui est toujours interprétée)

BBcode : Création d'un tableau à 3 colonnes

Commentaire

[table]
[tr][td][COLOR=#0000FF][B]Comparatif[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]Avant modification[/B][/COLOR][/td]
[td][COLOR=#0000FF][B]Après modification[/B][/COLOR][/td]
[/tr]
[tr][td]Sortie vidéo[/td]
[td]NTSC, 60Hz, VHF : 95MHz[/td]
[td]HDMI, 60Hz, 1080p [/td]
[/tr]
[tr][td]Bloc Alim[/td]
[td]9V inversé, à transformateur[/td]
[td]5V standard, à découpage[/td]
[/tr]
[tr][td]Consommation[/td]
[td]4 W, étiquetée[/td]
[td]3.7 W, mesurée[/td]
[/tr]
[tr][td]Audio[/td]
[td]Dans le VHF[/td]
[td]Dans l'HDMI +
RCA libre pour analogique vers ampli HiFi[/td]
[/tr]
[tr][td]Pérénité[/td]
[td]Douteuse[/td]
[td]Assurée [/td]
[/tr]
[tr][td]Qualité des travellings[/td]
[td]J'attends vos commentaires ...[/td]
[td]Petit effet de désentrelacement perfectible ... [/td]
[/tr]
[/table]

Début du tableau.
Lignes des Intitulés de colonnes.
Les 3 colonnes sont en Bleu et en gras.
Le contenu est automatiquement centré.
Fin de la 1ère ligne.
Début de la 2éme ligne.
.
.
Fin de la 2ème ligne.
Début de la 3éme ligne.
.
.
Fin de la 3ème ligne.
Début de la 4éme ligne.
.
.
Fin de la 4ème ligne.
Début de la 5éme ligne.
.
.
Cette ligne de tableau est sur 2 lignes.
fin de la 5ème ligne.
Début de la 6éme ligne.
.
.
Fin de la 6ème ligne.
Début de la 7éme ligne.
.
.
Fin de la 7ème ligne.
Fin du Tableau.

Sélectionner puis Copier	Coller
colSyntCopier.png (38.96 Kio) Consulté 1357 fois	colSyntColler.png (52.88 Kio) Consulté 1357 fois

Après un clic sur le bouton Prévisualiser, nous obtenons ceci :

Comparatif	Avant modification	Après modification
Sortie vidéo	NTSC, 60Hz, VHF : 95MHz	HDMI, 60Hz, 1080p
Bloc Alim	9V inversé, à transformateur	5V standard, à découpage
Consommation	4 W, étiquetée	3.7 W, mesurée
Audio	Dans le VHF	Dans l'HDMI + RCA libre pour analogique vers ampli HiFi
Pérénité	Douteuse	Assurée
Qualité des travellings	J'attends vos commentaires ...	Petit effet de désentrelacement perfectible ...

forum.system-cfg.com

Coloration Syntaxique Notepad++ pour BBcode

Coloration Syntaxique Notepad++ pour BBcode

Re: Coloration Syntaxique Notepad++ pour BBcode

Re: Coloration Syntaxique Notepad++ pour BBcode

Re: Coloration Syntaxique Notepad++ pour BBcode