Modèle:CopierSyntaxe - Historique des versions

Alakihel le 17 janvier 2026 à 22:47

2026-01-17T22:47:03Z

← Version précédente		Version du 17 janvier 2026 à 22:47
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>
	<div class="syntax-copy-wrapper">		<div class="syntax-copy-wrapper">
	<span class="copy-syntax-btn" role="button" tabindex="0">		<span class="copy-syntax-btn" role="button" tabindex="0">📋 Copier la syntaxe</span>
	📋 Copier la syntaxe
	</span>		<pre>
	<pre ~~class="syntax-to-copy"~~>{{{1}}}</pre>		{{{1}}}
			</pre>

	</div>		</div>
	</includeonly>		</includeonly>

Alakihel le 17 janvier 2026 à 22:41

2026-01-17T22:41:28Z

← Version précédente		Version du 17 janvier 2026 à 22:41
Ligne 4 :		Ligne 4 :
	📋 Copier la syntaxe		📋 Copier la syntaxe
	</span>		</span>
	<pre class="syntax-to-copy">~~{{#tag:nowiki\|~~{{{1}}}}}</pre>		<pre class="syntax-to-copy">{{{1}}}</pre>
	</div>		</div>
	</includeonly>		</includeonly>

Alakihel le 17 janvier 2026 à 22:39

2026-01-17T22:39:11Z

← Version précédente		Version du 17 janvier 2026 à 22:39
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>
	<div class="syntax-copy-wrapper">		<div class="syntax-copy-wrapper">
	<span class="copy-syntax-btn" role="button" tabindex="0">📋 Copier la syntaxe</span>		<span class="copy-syntax-btn" role="button" tabindex="0">
	<pre class="syntax-to-copy">{{{1}}}</pre>		📋 Copier la syntaxe
			</span>
			<pre class="syntax-to-copy">{{#tag:nowiki\|{{{1}}}}}</pre>
	</div>		</div>
	</includeonly>		</includeonly>

Alakihel le 17 janvier 2026 à 22:24

2026-01-17T22:24:38Z

@@ Ligne 1 : / Ligne 1 : @@
 <includeonly>
 <div class="syntax-copy-wrapper">
-   <button type="button" class="copy-syntax-btn">📋 Copier la syntaxe</button>
+   <span class="copy-syntax-btn" role="button" tabindex="0">📋 Copier la syntaxe</span>
    <pre class="syntax-to-copy">{{{1}}}</pre>
 </div>
 </includeonly>

Alakihel le 17 janvier 2026 à 22:16

2026-01-17T22:16:46Z

← Version précédente		Version du 17 janvier 2026 à 22:16
Ligne 11 :		Ligne 11 :

	== Utilisation ==		== Utilisation ==
	Ce modèle ~~permet~~ de copier exactement une syntaxe wiki		Ce modèle affiche un bouton permettant de copier exactement une syntaxe wiki
	(retours à la ligne, indentation, balises `<sup>`, etc.).		(retours à la ligne, indentation, balises `<sup>`, etc.).

Alakihel le 17 janvier 2026 à 21:52

2026-01-17T21:52:46Z

← Version précédente		Version du 17 janvier 2026 à 21:52
Ligne 11 :		Ligne 11 :

	== Utilisation ==		== Utilisation ==
	Ce modèle ~~affiche un bouton permettant~~ de copier exactement une syntaxe		Ce modèle permet de copier exactement une syntaxe wiki
	(retours à la ligne, indentation, balises `<sup>`, etc.).		(retours à la ligne, indentation, balises `<sup>`, etc.).

Ligne 17 :		Ligne 17 :
	<pre>		<pre>
	{{CopierSyntaxe\|		{{CopierSyntaxe\|
			<nowiki>
	contenu à copier		contenu à copier
			</nowiki>
	}}		}}
	</pre>		</pre>
Ligne 23 :		Ligne 25 :
	== Exemple fonctionnel ==		== Exemple fonctionnel ==
	{{CopierSyntaxe\|		{{CopierSyntaxe\|
			<nowiki>
	{{Infobox V3/Organisation		{{Infobox V3/Organisation
	\| Fondation = 18/13/480<sup>XII</sup>		\| Fondation = 18/13/480<sup>XII</sup>
	\| Type = Ordre militaro-religieux		\| Type = Ordre militaro-religieux
	}}		}}
			</nowiki>
	}}		}}
	</div>		</div>
	</noinclude>		</noinclude>

Alakihel le 16 janvier 2026 à 12:59

2026-01-16T12:59:40Z

@@ Ligne 4 : / Ligne 4 : @@
    <pre class="syntax-to-copy">{{{1}}}</pre>
 </div>
 </includeonly>
 <noinclude>
 <div class="documentation">
 == Utilisation ==
-Ce modèle ajoute un bouton permettant de copier **exactement** une syntaxe
+Ce modèle affiche un bouton permettant de copier **exactement** une syntaxe
 (retours à la ligne, indentation, balises `<sup>`, etc.).
 == Syntaxe ==
@@ Ligne 51 : / Ligne 21 : @@
 </pre>
----
+== Exemple fonctionnel ==
 {{CopierSyntaxe|
 {{Infobox V3/Organisation
   | Fondation = 18/13/480<sup>XII</sup>
   | Type = Ordre militaro-religieux
 }}
 }}
 </div>
 </noinclude>

Alakihel le 16 janvier 2026 à 12:56

2026-01-16T12:56:51Z

← Version précédente		Version du 16 janvier 2026 à 12:56
Ligne 1 :		Ligne 1 :
	<includeonly>		<includeonly>
	<div class="syntax-copy-wrapper">		<div class="syntax-copy-wrapper">
	<button type="button" class="copy-syntax-btn">📋 Copier la syntaxe</button>		<button type="button" class="copy-syntax-btn">📋 Copier la syntaxe</button>
	<pre class="syntax-to-copy">		<pre class="syntax-to-copy">{{{1}}}</pre>
	{{{1}}}
	</pre>
	</div>		</div>

Ligne 41 :		Ligne 39 :

	== Utilisation ==		== Utilisation ==
	Ce modèle ajoute un bouton ~~« Copier la syntaxe »~~ permettant de copier exactement ~~le contenu fourni~~ (retours à la ligne, indentation, balises ~~HTML comme~~ `<sup>`, etc.).		Ce modèle ajoute un bouton permettant de copier exactement une syntaxe
			(retours à la ligne, indentation, balises `<sup>`, etc.).
	Il est conçu pour être utilisé dans les pages de documentation de modèles, notamment les Infobox V3.

	---		---
Ligne 56 :		Ligne 53 :
	---		---

	== Exemple fonctionnel (test ~~immédiat~~) ==		== Exemple fonctionnel (test réel) ==
	~~Clique sur le bouton pour vérifier que la copie conserve~~ ~~strictement~~ ~~la mise en page~~.		⚠️ Ceci est un appel réel du modèle, pas du code affiché.

	{{CopierSyntaxe\|		{{CopierSyntaxe\|
Ligne 67 :		Ligne 64 :
	\| Fondation = 18/13/480<sup>XII</sup>		\| Fondation = 18/13/480<sup>XII</sup>
	\| Type = Ordre militaro-religieux		\| Type = Ordre militaro-religieux
	~~\| Rôle = Protection des frontières spirituelles~~
	\| Effectif = ~3 500 membres		\| Effectif = ~3 500 membres

	~~\| Fondateur·s = Maître Vaelor~~
	~~\| Dirigeant·s = Grand Veilleur Tharôn~~
	~~\| Crédo = « Veiller, juger, ne jamais fléchir »~~
	}}		}}
	}}		}}

	➡️ ~~Colle ensuite le contenu copié dans un éditeur de texte~~ ~~pour vérifier :~~		👉 Clique sur le bouton puis colle ailleurs :
	~~- retours à la ligne ✔~~		la mise en page est strictement conservée.
	~~- indentation ✔~~
	~~- balise `<sup>` ✔~~

	---		---

	== Notes techniques ==		== Notes techniques ==
	* Le JavaScript est injecté localement (~~aucun~~ `Common.js` ~~requis~~).		* JS injecté localement (pas de `Common.js`)
	* ~~Le script est protégé contre les doubles initialisations.~~		* Protection anti double chargement
	* Compatible avec Firefox, Chromium, Safari.		* Fonctionne avec plusieurs boutons par page
	* Fonctionne avec plusieurs boutons ~~sur une même~~ page.

	</div>		</div>
	</noinclude>		</noinclude>

Alakihel le 16 janvier 2026 à 12:54

2026-01-16T12:54:57Z

← Version précédente		Version du 16 janvier 2026 à 12:54
Ligne 23 :		Ligne 23 :
	var text = pre.innerText;		var text = pre.innerText;

	if (navigator.clipboard) {		if (navigator.clipboard && navigator.clipboard.writeText) {
	navigator.clipboard.writeText(text).then(function () {		navigator.clipboard.writeText(text).then(function () {
	var original = e.target.textContent;		var original = e.target.textContent;
Ligne 39 :		Ligne 39 :
	<noinclude>		<noinclude>
	<div class="documentation">		<div class="documentation">

	== Utilisation ==		== Utilisation ==
	Ce modèle ~~permet d’afficher~~ un bouton pour ~~copier un bloc~~ de ~~syntaxe en conservant strictement sa mise en page~~.		Ce modèle ajoute un bouton « Copier la syntaxe » permettant de copier exactement le contenu fourni (retours à la ligne, indentation, balises HTML comme `<sup>`, etc.).

			Il est conçu pour être utilisé dans les pages de documentation de modèles, notamment les Infobox V3.

			---

	== Syntaxe ==		== Syntaxe ==
	<pre>		<pre>
			{{CopierSyntaxe\|
			contenu à copier
			}}
			</pre>

			---

			== Exemple fonctionnel (test immédiat) ==
			Clique sur le bouton pour vérifier que la copie conserve strictement la mise en page.

	{{CopierSyntaxe\|		{{CopierSyntaxe\|
	{{Infobox V3/Organisation		{{Infobox V3/Organisation
	\| Charte =		\| Charte = organisation
	\| Fondation =		\| Theme = clair
			\| Titre = Ordre des Veilleurs

			\| Fondation = 18/13/480<sup>XII</sup>
			\| Type = Ordre militaro-religieux
			\| Rôle = Protection des frontières spirituelles
			\| Effectif = ~3 500 membres

			\| Fondateur·s = Maître Vaelor
			\| Dirigeant·s = Grand Veilleur Tharôn
			\| Crédo = « Veiller, juger, ne jamais fléchir »
	}}		}}
	}}		}}
	<~~/pre~~>
			➡️ Colle ensuite le contenu copié dans un éditeur de texte pour vérifier :
			- retours à la ligne ✔
			- indentation ✔
			- balise `<sup>` ✔

			---

			== Notes techniques ==
			* Le JavaScript est injecté localement (aucun `Common.js` requis).
			* Le script est protégé contre les doubles initialisations.
			* Compatible avec Firefox, Chromium, Safari.
			* Fonctionne avec plusieurs boutons sur une même page.

	</div>		</div>
	</noinclude>		</noinclude>

Alakihel : Page créée avec « 

 {{{1}}}