Template:FAQItem - Revision history

ST: ST moved page Template:FAQItemL to Template:FAQItem without leaving a redirect: new version with link

2026-02-27T01:10:02Z

ST moved page Template:FAQItemL to Template:FAQItem without leaving a redirect: new version with link

← Older revision	Revision as of 01:10, 27 February 2026
(No difference)

ST at 01:03, 27 February 2026

2026-02-27T01:03:44Z

← Older revision		Revision as of 01:03, 27 February 2026
Line 44:		Line 44:

	<!-- Generate a stable anchor ID from the question text -->		<!-- Generate a stable anchor ID from the question text -->
	~~<!-- Anchor -->~~
	<span id="{{anchorencode:{{{question}}}}}"></span>		<span id="{{anchorencode:{{{question}}}}}"></span>

	<~~!-- FAQ block --~~>		<html>
	<details class="faq-item">		<details class="faq-item">
			<summary style="font-weight: bold; font-size:larger;"></html>{{{question}}}<html></summary>
	<summary style="font-weight: bold; font-size:larger;">		</html>
	{{{question}}}
	</~~summary~~>

	<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	~~<a href="~~#~~" class="copy-link" data-frag="~~{{anchorencode:{{{question}}}}}">		[[{{FULLPAGENAME}}#{{anchorencode:{{{question}}}}}\|Link to this question]]
	~~Copy link~~ to this question
	~~</a>~~
	</div>		</div>

			<html>
	<blockquote class="faq-answer">		<blockquote class="faq-answer">
	{{{answer}}}		</html>{{{answer}}}<html>
	</blockquote>		</blockquote>

	</details>		</details>
			</html>
	~~<!-- Script (allowed in wikitext) -->~~
	~~<script>~~
	~~document.addEventListener('DOMContentLoaded', function() {~~
	~~document.querySelectorAll('.copy-link').forEach(function(link) {~~
	~~link.addEventListener('click', function(e) {~~
	~~e.preventDefault();~~
	~~const frag = this.getAttribute('data-frag');~~
	~~const url = window.location.origin + window.location.pathname + '#' + frag;~~

	~~navigator.clipboard.writeText(url).then(() => {~~
	~~const original = this.innerText;~~
	~~this.innerText = 'Copied!';~~
	~~setTimeout(() => { this.innerText = original; }, 1500);~~
	~~});~~
	~~});~~
	~~});~~
	~~});~~
	</~~script~~>

ST at 01:00, 27 February 2026

2026-02-27T01:00:19Z

← Older revision		Revision as of 01:00, 27 February 2026
Line 44:		Line 44:

	<!-- Generate a stable anchor ID from the question text -->		<!-- Generate a stable anchor ID from the question text -->
	<!-- ~~Precompute everything BEFORE entering HTML mode~~ -->		<!-- Anchor -->
	~~{{#vardefine:frag\|~~{{anchorencode:{{{question}}}}} }}		<span id="{{anchorencode:{{{question}}}}}"></span>
	~~{{#vardefine:q\|{{{question}}}}}~~
	~~{{#vardefine:a\|{{{answer}}}}}~~

	<~~span id="{{#var:frag}}"></span>~~		<!-- FAQ block -->

	~~<html~~>
	<details class="faq-item">		<details class="faq-item">

	<summary style="font-weight: bold; font-size:larger;">		<summary style="font-weight: bold; font-size:larger;">
	{{~~#var:q~~}}		{{{question}}}
	</summary>		</summary>

	<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	<a href="#" class="copy-link" data-frag="{{~~#var~~:~~frag~~}}">		<a href="#" class="copy-link" data-frag="{{anchorencode:{{{question}}}}}">
	Copy link to this question		Copy link to this question
	</a>		</a>
Line 65:		Line 61:

	<blockquote class="faq-answer">		<blockquote class="faq-answer">
	{{~~#var:a~~}}		{{{answer}}}
	</blockquote>		</blockquote>

	</details>		</details>

			<!-- Script (allowed in wikitext) -->
	<script>		<script>
	document.addEventListener('DOMContentLoaded', function() {		document.addEventListener('DOMContentLoaded', function() {
Line 87:		Line 84:
	});		});
	</script>		</script>
	~~</html>~~

ST at 00:58, 27 February 2026

2026-02-27T00:58:07Z

← Older revision		Revision as of 00:58, 27 February 2026
Line 44:		Line 44:

	<!-- Generate a stable anchor ID from the question text -->		<!-- Generate a stable anchor ID from the question text -->
	<!-- ~~Generate the anchor~~ -->		<!-- Precompute everything BEFORE entering HTML mode -->
	~~<span id="~~{{anchorencode:{{{question}}}}}~~"></span>~~		{{#vardefine:frag\|{{anchorencode:{{{question}}}}} }}
			{{#vardefine:q\|{{{question}}}}}
			{{#vardefine:a\|{{{answer}}}}}

	<~~!-- Store the fragment before entering HTML mode -->~~		<span id="{{#var:frag}}"></span>
	{{#~~vardefine~~:frag~~\|{{anchorencode:{{{question}}}}}~~ }}

	<html>		<html>
	<details class="faq-item">		<details class="faq-item">
	~~<summary style="font-weight: bold; font-size:larger;">{{{question}}}</summary>~~

	<~~!-- Copy link control (now inside HTML mode, so not escaped)~~ -->		<summary style="font-weight: bold; font-size:larger;">
			{{#var:q}}
			</summary>

	<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	<a href="#" class="copy-link" data-frag="{{#var:frag}}">		<a href="#" class="copy-link" data-frag="{{#var:frag}}">
Line 62:		Line 65:

	<blockquote class="faq-answer">		<blockquote class="faq-answer">
	{{~~{answer}~~}}		{{#var:a}}
	</blockquote>		</blockquote>

	</details>		</details>

ST at 00:56, 27 February 2026

2026-02-27T00:56:18Z

← Older revision		Revision as of 00:56, 27 February 2026
Line 44:		Line 44:

	<!-- Generate a stable anchor ID from the question text -->		<!-- Generate a stable anchor ID from the question text -->
			<!-- Generate the anchor -->
	<span id="{{anchorencode:{{{question}}}}}"></span>		<span id="{{anchorencode:{{{question}}}}}"></span>

			<!-- Store the fragment before entering HTML mode -->
			{{#vardefine:frag\|{{anchorencode:{{{question}}}}} }}

	<html>		<html>
	<details class="faq-item">		<details class="faq-item">
	<summary style="font-weight: bold; font-size:larger;"~~></html~~>{{{question}}}~~<html>~~</summary>		<summary style="font-weight: bold; font-size:larger;">{{{question}}}</summary>
	~~</html~~>

	<!-- Copy link control (~~outside~~ HTML so ~~wikitext variables expand~~) -->		<!-- Copy link control (now inside HTML mode, so not escaped) -->
	<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	<a href="#" class="copy-link" data-frag="{{~~anchorencode~~:~~{{{question}}}~~}}">		<a href="#" class="copy-link" data-frag="{{#var:frag}}">
	Copy link to this question		Copy link to this question
	</a>		</a>
	</div>		</div>

	~~<html>~~
	<blockquote class="faq-answer">		<blockquote class="faq-answer">
	~~</html>~~{{{answer}}}~~<html>~~		{{{answer}}}
	</blockquote>		</blockquote>
	</details>		</details>

	~~<!-- JavaScript block that MediaWiki will NOT escape -->~~
	<script>		<script>
	document.addEventListener('DOMContentLoaded', function() {		document.addEventListener('DOMContentLoaded', function() {

ST at 00:54, 27 February 2026

2026-02-27T00:54:46Z

@@ Line 51: / Line 51: @@
 </html>
 <div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
-     <a href="javascript:void(0);"
+     <a href="#" class="copy-link" data-frag="{{anchorencode:{{{question}}}}}">
-       onclick="navigator.clipboard.writeText(window.location.origin + window.location.pathname + '#{{anchorencode:{{{question}}}}}');
+        Copy link to this question
      </a>
 </div>
@@ Line 65: / Line 63: @@
 </blockquote>
 </details>
 </html>

ST at 00:52, 27 February 2026

2026-02-27T00:52:34Z

← Older revision		Revision as of 00:52, 27 February 2026
Line 52:		Line 52:

	<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	~~[[{{FULLPAGENAME}}~~#{{anchorencode:{{{question}}}}}~~\|Link~~ to this question]]		<a href="javascript:void(0);"
			onclick="navigator.clipboard.writeText(window.location.origin + window.location.pathname + '#{{anchorencode:{{{question}}}}}');
			this.innerText='Copied!';
			setTimeout(()=>this.innerText='Copy link to this question',1500);">
			Copy link to this question
			</a>
	</div>		</div>

ST at 00:44, 27 February 2026

2026-02-27T00:44:47Z

← Older revision		Revision as of 00:44, 27 February 2026
Line 49:		Line 49:
	<details class="faq-item">		<details class="faq-item">
	<summary style="font-weight: bold; font-size:larger;"></html>{{{question}}}<html></summary>		<summary style="font-weight: bold; font-size:larger;"></html>{{{question}}}<html></summary>
			</html>

	<div style="margin:0.5em 0 1em 0; font-size:smaller;">		<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
	~~<span style="~~opacity:0.7;">		[[{{FULLPAGENAME}}#{{anchorencode:{{{question}}}}}\|Link to this question]]
	~~<nowiki>~~[[~~</nowiki>~~{{FULLPAGENAME}}#{{anchorencode:{{{question}}}}}\|Link to this question]~~<nowiki>~~]~~]</nowiki>~~
	~~</span>~~
	</div>		</div>

			<html>
	<blockquote class="faq-answer">		<blockquote class="faq-answer">
	</html>{{{answer}}}<html>		</html>{{{answer}}}<html>
	</blockquote>		</blockquote>

	</details>		</details>
	</html>		</html>

ST: Created page with " { "description": "Creates a FAQ item with collapsible details and a permalink", "params": { "question": { "label": "Question", "description": "The Question", "type": "string", "required": true }, "answer": { "label": "Answer", "description": "The Answer to the question", "type": "string", "required": true } } } FAQItem usage # Copy text between th..."

2026-02-27T00:35:34Z

Created page with "<noinclude> <templatedata> { "description": "Creates a FAQ item with collapsible details and a permalink", "params": { "question": { "label": "Question", "description": "The Question", "type": "string", "required": true }, "answer": { "label": "Answer", "description": "The Answer to the question", "type": "string", "required": true } } } </templatedata> <big>FAQItem usage</big> # Copy text between th..."

New page

<noinclude>
<templatedata>
{
"description": "Creates a FAQ item with collapsible details and a permalink",
"params": {
"question": {
"label": "Question",
"description": "The Question",
"type": "string",
"required": true
},
"answer": {
"label": "Answer",
"description": "The Answer to the question",
"type": "string",
"required": true
}
}
}
</templatedata>

<big>FAQItem usage</big>

# Copy text between the horizontal lines for each Question with Answer
# Put the Question after | question =
# Put the Answer after | answer =

----

<nowiki>{{</nowiki>'''FAQItem'''

| question =

| answer =

<nowiki>}}</nowiki>

----

The FAQItem will render as it appears below this line.

----
</noinclude>


<span id="{{anchorencode:{{{question}}}}}"></span>

<html>
<details class="faq-item">
<summary style="font-weight: bold; font-size:larger;"></html>{{{question}}}<html></summary>

<div style="margin:0.5em 0 1em 0; font-size:smaller;">
<span style="opacity:0.7;">
<nowiki>[[</nowiki>{{FULLPAGENAME}}#{{anchorencode:{{{question}}}}}|Link to this question]<nowiki>]]</nowiki>
</span>
</div>

<blockquote class="faq-answer">
</html>{{{answer}}}<html>
</blockquote>

</details>
</html>